diff --git a/www/webapp/package.json b/www/webapp/package.json
index d592f792a..11aa2b0d1 100644
--- a/www/webapp/package.json
+++ b/www/webapp/package.json
@@ -25,17 +25,17 @@
     "vuetify": "^2.7.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-legacy": "^5.2.0",
-    "@vitejs/plugin-vue2": "^2.3.1",
+    "@vitejs/plugin-legacy": "^6.0.0",
+    "@vitejs/plugin-vue2": "^2.3.3",
     "eslint": "^8.45.0",
     "eslint-import-resolver-alias": "^1.1.2",
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-vue": "^9.15.1",
     "eslint-plugin-vue-scoped-css": "^2.6.1",
     "eslint-plugin-vuetify": "^1.1.0",
-    "sass": "~1.32.13",
+    "sass": "~1.83.4",
     "unplugin-vue-components": "^28.0.0",
-    "vite": "^5.0.10",
+    "vite": "^6.0.11",
     "vuetify-loader": "~1.9.1"
   }
 }
diff --git a/www/webapp/vite.config.js b/www/webapp/vite.config.js
index e13e3260b..9ebfe90ea 100644
--- a/www/webapp/vite.config.js
+++ b/www/webapp/vite.config.js
@@ -10,6 +10,15 @@ export default defineConfig({
     define: {
         'process.env.BUILD': '"web"' // fix for vuelidate@0.7.7
     },
+    css: {
+        preprocessorOptions: {
+            sass: {
+                api: 'modern-compiler',
+                /** @type {import('sass').Options.silenceDeprecations } */
+                silenceDeprecations: ['global-builtin', 'import', 'slash-div'],
+            },
+        },
+    },
     plugins: [
         vue({
             template: {