diff --git a/vite.config.mjs b/vite.config.mjs
index dbb18f947..c133f2141 100644
--- a/vite.config.mjs
+++ b/vite.config.mjs
@@ -20,5 +20,12 @@ export default defineConfig({
         alias: {
             '@': fileURLToPath(new URL('./src', import.meta.url))
         }
+    },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api : "modern",
+            }
+        }
     }
 });