diff --git a/web/app/src/variables.scss b/web/app/src/variables.scss
deleted file mode 100644
index e749c8b..0000000
--- a/web/app/src/variables.scss
+++ /dev/null
@@ -1 +0,0 @@
-/* Variables and mixins declared here will be available in all other SCSS files */
diff --git a/web/app/vite.config.ts b/web/app/vite.config.ts
index fb86d6d..64403c1 100644
--- a/web/app/vite.config.ts
+++ b/web/app/vite.config.ts
@@ -7,7 +7,7 @@ export default defineConfig({
   css: {
     preprocessorOptions: {
       scss: {
-        additionalData: '@use "src/variables.scss" as *;',
+        api: 'modern-compiler' // or "modern"
       },
     },
   },