diff --git a/frontend/vite.config.mts b/frontend/vite.config.mts
index 7fff11db4e4d..858eb696e242 100644
--- a/frontend/vite.config.mts
+++ b/frontend/vite.config.mts
@@ -23,6 +23,13 @@ const vitestConfig = vitestDefineConfig({
         environment: 'jsdom',
         exclude: [...configDefaults.exclude, '**/cypress/**'],
     },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                api: 'modern-compiler'
+            }
+        }
+    }
 });
 
 export default mergeConfig(