fix: sass deprecation warnings

pastemyst · Jan 7, 2025 · ceb45eb · ceb45eb
1 parent 8f80fd0
commit ceb45eb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/client/src/variables.scss b/client/src/variables.scss
@@ -1,3 +1,5 @@
+@use 'sass:list';
+
 $fs-small: 0.9rem;
 $fs-normal: 1rem;
 $fs-medium: 1.2rem;
@@ -12,10 +14,10 @@ $break-med: 620px;
 @mixin transition($properties...) {
     $transition: ();
     @each $property in $properties {
-        $transition: append($transition, ($property 0.1s ease-in-out), $separator: comma);
+        $transition: list.append($transition, ($property 0.1s ease-in-out), $separator: comma);
     }
 
-    @if length($properties) == 0 {
+    @if list.length($properties) == 0 {
         $transition: all 0.1s ease-in-out;
     }
 

diff --git a/client/vite.config.js b/client/vite.config.js
@@ -6,7 +6,8 @@ const config = {
     css: {
         preprocessorOptions: {
             scss: {
-                additionalData: '@use "src/variables.scss" as *;'
+                additionalData: '@use "/src/variables.scss" as *;',
+                api: 'modern-compiler',
             }
         }
     },