diff --git a/vite.config.ts b/vite.config.ts
index e7b6d94..5dff743 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -19,7 +19,8 @@ export default defineConfig(({ command, mode }) => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: `@import "@/styles/var.scss";`
+          additionalData: `@import "@/styles/var.scss";`,
+          api: 'modern-compiler'
         }
       }
     },