diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index ab30971a5f0..a6f1490dfa5 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -141,7 +141,7 @@
     "process": "^0.11.10",
     "react-dom": "^18.2.0",
     "react": "^18.2.0",
-    "sass-loader": "10.5.2",
+    "sass-loader": "16.0.3",
     "sass-resources-loader": "^2.2.5",
     "sass": "1.79.5",
     "semver": "7.6.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 46864957c19..0623349b6cc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -373,8 +373,8 @@ importers:
         specifier: 1.79.5
         version: 1.79.5
       sass-loader:
-        specifier: 10.5.2
-        version: 10.5.2(sass@1.79.5)(webpack@5.95.0)
+        specifier: 16.0.3
+        version: 16.0.3(sass@1.79.5)(webpack@5.95.0)
       sass-resources-loader:
         specifier: ^2.2.5
         version: 2.2.5
@@ -5762,10 +5762,6 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
-  klona@2.0.6:
-    resolution: {integrity: sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA==}
-    engines: {node: '>= 8'}
-
   known-css-properties@0.34.0:
     resolution: {integrity: sha512-tBECoUqNFbyAY4RrbqsBQqDFpGXAEbdD5QKr8kACx3+rnArmuuR22nKQWKazvp07N9yjTyDZaw/20UIH8tL9DQ==}
 
@@ -7704,21 +7700,26 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
-  sass-loader@10.5.2:
-    resolution: {integrity: sha512-vMUoSNOUKJILHpcNCCyD23X34gve1TS7Rjd9uXHeKqhvBG39x6XbswFDtpbTElj6XdMFezoWhkh5vtKudf2cgQ==}
-    engines: {node: '>= 10.13.0'}
+  sass-loader@16.0.3:
+    resolution: {integrity: sha512-gosNorT1RCkuCMyihv6FBRR7BMV06oKRAs+l4UMp1mlcVg9rWN6KMmUj3igjQwmYys4mDP3etEYJgiHRbgHCHA==}
+    engines: {node: '>= 18.12.0'}
     peerDependencies:
-      fibers: '>= 3.1.0'
+      '@rspack/core': 0.x || 1.x
       node-sass: ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0
       sass: ^1.3.0
-      webpack: ^4.36.0 || ^5.0.0
+      sass-embedded: '*'
+      webpack: ^5.0.0
     peerDependenciesMeta:
-      fibers:
+      '@rspack/core':
         optional: true
       node-sass:
         optional: true
       sass:
         optional: true
+      sass-embedded:
+        optional: true
+      webpack:
+        optional: true
 
   sass-resources-loader@2.2.5:
     resolution: {integrity: sha512-po8rfETH9cOQACWxubT/1CCu77KjxwRtCDm6QAXZH99aUHBydwSoxdIjC40SGp/dcS/FkSNJl0j1VEojGZqlvQ==}
@@ -14482,8 +14483,6 @@ snapshots:
 
   kleur@4.1.5: {}
 
-  klona@2.0.6: {}
-
   known-css-properties@0.34.0: {}
 
   knuth-shuffle-seeded@1.0.6:
@@ -16529,16 +16528,12 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
-  sass-loader@10.5.2(sass@1.79.5)(webpack@5.95.0):
+  sass-loader@16.0.3(sass@1.79.5)(webpack@5.95.0):
     dependencies:
-      klona: 2.0.6
-      loader-utils: 2.0.4
       neo-async: 2.6.2
-      schema-utils: 3.3.0
-      semver: 7.6.3
-      webpack: 5.95.0
     optionalDependencies:
       sass: 1.79.5
+      webpack: 5.95.0
 
   sass-resources-loader@2.2.5:
     dependencies: