Fix Sass warnings

ditojs · Dec 6, 2024 · 439497b · 439497b
1 parent fbea704
commit 439497b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/build/src/vite.js b/packages/build/src/vite.js
@@ -56,9 +56,9 @@ export function defineViteConfig({
           postcss: getPostCssConfig(),
           preprocessorOptions: {
             scss: {
-              // https://sass-lang.com/documentation/breaking-changes/legacy-js-api/
-              // TODO: Remove once vite has been updated to new API:
-              silenceDeprecations: ['legacy-js-api']
+              // TODO: Convert all @import statements to @use:
+              // https://sass-lang.com/documentation/breaking-changes/import/
+              silenceDeprecations: ['import']
             }
           }
         }

diff --git a/packages/ui/src/styles/mixins/_arrow.scss b/packages/ui/src/styles/mixins/_arrow.scss
@@ -1,3 +1,5 @@
+@use 'sass:map';
+
 $angles: (
   up: 135deg,
   down: -45deg,
@@ -18,7 +20,7 @@ $angles: (
   width: $size;
   height: $size;
   pointer-events: none;
-  transform: rotate(map_get($angles, $direction));
+  transform: rotate(map.get($angles, $direction));
   margin: auto;
   top: 0;
   bottom: 0;