diff --git a/ui/vite.config.ts b/ui/vite.config.ts
index c809d7e2cec..cdae41b4998 100755
--- a/ui/vite.config.ts
+++ b/ui/vite.config.ts
@@ -24,6 +24,13 @@ export default defineConfig({
       clientPort: 80,
     },
   },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: "modern",
+      },
+    },
+  },
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "src"),