diff --git a/app-vite/lib/config-tools.js b/app-vite/lib/config-tools.js
index d817d798acc..27352cbc709 100644
--- a/app-vite/lib/config-tools.js
+++ b/app-vite/lib/config-tools.js
@@ -146,12 +146,12 @@ function createViteConfig (quasarConf, quasarRunMode) {
 
     css: {
       preprocessorOptions: {
-        // Use sass-embedded for better stability and performance
+        // Silence sass deprecations; Vite 2 does not know about sass-embedded or api=modern/modern-compiler
         sass: {
-          api: 'modern-compiler'
+          silenceDeprecations: [ 'legacy-js-api' ]
         },
         scss: {
-          api: 'modern-compiler'
+          silenceDeprecations: [ 'legacy-js-api' ]
         }
       }
     },
diff --git a/app-vite/package.json b/app-vite/package.json
index b21b6464481..2dfb819b16f 100644
--- a/app-vite/package.json
+++ b/app-vite/package.json
@@ -74,7 +74,7 @@
     "open": "^8.4.0",
     "register-service-worker": "^1.7.2",
     "rollup-plugin-visualizer": "^5.5.4",
-    "sass-embedded": "^1.79.1",
+    "sass": "^1.79.1",
     "semver": "^7.3.5",
     "serialize-javascript": "^6.0.0",
     "table": "^6.8.0",