diff --git a/module.web/package-lock.json b/module.web/package-lock.json
index 0e37773..8964d6b 100644
--- a/module.web/package-lock.json
+++ b/module.web/package-lock.json
@@ -12,7 +12,7 @@
         "@dnncommunity/dnn-elements": "^0.15.2",
         "@stencil/core": "^2.19.2",
         "@stencil/eslint-plugin": "^0.4.0",
-        "@stencil/sass": "^1.5.2",
+        "@stencil/sass": "^3.0.0",
         "@stencil/store": "^1.5.0",
         "@types/jest": "^29.2.3",
         "@typescript-eslint/eslint-plugin": "^4.33.0",
@@ -1195,12 +1195,12 @@
       }
     },
     "node_modules/@stencil/sass": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-1.5.2.tgz",
-      "integrity": "sha512-nJ93pUSylsGsMX0eLmhxh1oEljcUjj5mYjhB9ziCdoaydAdjukrUoqDCC7tdVbOcBo2hKptQyWqCtETnBGYsXQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-3.0.0.tgz",
+      "integrity": "sha512-P9NuT5G2ncy+BkQ0fAS+KDuwN+BlDr17yEAHCaEejGZDXK4hhhsxjm0ea8KCwEdDbzui4GDF6DS3VNDtUB6Hzg==",
       "dev": true,
       "peerDependencies": {
-        "@stencil/core": ">=1.0.2"
+        "@stencil/core": ">=2.0.0 || >=3.0.0-beta.0"
       }
     },
     "node_modules/@stencil/store": {
@@ -6857,9 +6857,9 @@
       }
     },
     "@stencil/sass": {
-      "version": "1.5.2",
-      "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-1.5.2.tgz",
-      "integrity": "sha512-nJ93pUSylsGsMX0eLmhxh1oEljcUjj5mYjhB9ziCdoaydAdjukrUoqDCC7tdVbOcBo2hKptQyWqCtETnBGYsXQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@stencil/sass/-/sass-3.0.0.tgz",
+      "integrity": "sha512-P9NuT5G2ncy+BkQ0fAS+KDuwN+BlDr17yEAHCaEejGZDXK4hhhsxjm0ea8KCwEdDbzui4GDF6DS3VNDtUB6Hzg==",
       "dev": true,
       "requires": {}
     },
diff --git a/module.web/package.json b/module.web/package.json
index 3f927a4..8532e6f 100644
--- a/module.web/package.json
+++ b/module.web/package.json
@@ -26,7 +26,7 @@
     "@dnncommunity/dnn-elements": "^0.15.2",
     "@stencil/core": "^2.19.2",
     "@stencil/eslint-plugin": "^0.4.0",
-    "@stencil/sass": "^1.5.2",
+    "@stencil/sass": "^3.0.0",
     "@stencil/store": "^1.5.0",
     "@types/jest": "^29.2.3",
     "@typescript-eslint/eslint-plugin": "^4.33.0",