Remove SCSSCacher and compile scss files with npm-sass

.github/workflows/node.yml

@@ -42,6 +42,9 @@ jobs:
           npm ci
           npm run build --if-present
 
+      - name: Build css
+        run: npm run sass
+
       - name: Build icons css
         run: npm run sass:icons
 

apps/dashboard/src/components/BackgroundSettings.vue

@@ -174,7 +174,7 @@ export default {
 		}
 
 		&.active:not(.icon-loading):after {
-			background-image: var(--icon-checkmark-fff);
+			background-image: var(--icon-checkmark-white);
 			background-repeat: no-repeat;
 			background-position: center;
 			background-size: 44px;

apps/encryption/css/settings-personal.scss

@@ -12,4 +12,4 @@
 /* icons for sidebar */
 .nav-icon-basic-encryption-module {
 	background-image: var(--icon-encryption-dark);
-}
+}

apps/federatedfilesharing/css/settings-personal.scss

@@ -1,3 +1,6 @@
+@use 'variables';
+@import 'functions';
+
 #fileSharingSettings h2 {
 	display: inline-block;
 }
@@ -29,13 +32,13 @@
 }
 
 .social-diaspora {
-	@include icon-color('social-diaspora', 'federatedfilesharing', $color-black);
+	@include icon-color('social-diaspora', 'federatedfilesharing', variables.$color-black);
 }
 .social-twitter {
-    @include icon-color('social-twitter', 'federatedfilesharing', $color-black);
+    @include icon-color('social-twitter', 'federatedfilesharing', variables.$color-black);
 }
 .social-facebook {
-	@include icon-color('social-facebook', 'federatedfilesharing', $color-black);
+	@include icon-color('social-facebook', 'federatedfilesharing', variables.$color-black);
 }
 
 .social_sharing_buttons {