diff --git a/package-lock.json b/package-lock.json
index 49db6d625c4..66c5d20276c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -190,7 +190,7 @@
 				"request-promise": "4.2.6",
 				"rimraf": "5.0.5",
 				"rtlcss": "^4.0.0",
-				"sass-loader": "10.1.0",
+				"sass-loader": "14.1.0",
 				"storybook": "^7.5.2",
 				"storybook-addon-react-docgen": "1.2.44",
 				"terser-webpack-plugin": "5.3.6",
@@ -42480,31 +42480,29 @@
 			}
 		},
 		"node_modules/sass-loader": {
-			"version": "10.1.0",
+			"version": "14.1.0",
+			"resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.1.0.tgz",
+			"integrity": "sha512-LS2mLeFWA+orYxHNu+O18Xe4jR0kyamNOOUsE3NyBP4DvIL+8stHpNX0arYTItdPe80kluIiJ7Wfe/9iHSRO0Q==",
 			"dev": true,
-			"license": "MIT",
 			"dependencies": {
-				"klona": "^2.0.4",
-				"loader-utils": "^2.0.0",
-				"neo-async": "^2.6.2",
-				"schema-utils": "^3.0.0",
-				"semver": "^7.3.2"
+				"neo-async": "^2.6.2"
 			},
 			"engines": {
-				"node": ">= 10.13.0"
+				"node": ">= 18.12.0"
 			},
 			"funding": {
 				"type": "opencollective",
 				"url": "https://opencollective.com/webpack"
 			},
 			"peerDependencies": {
-				"fibers": ">= 3.1.0",
-				"node-sass": "^4.0.0 || ^5.0.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": {
@@ -42512,39 +42510,15 @@
 				},
 				"sass": {
 					"optional": true
+				},
+				"sass-embedded": {
+					"optional": true
+				},
+				"webpack": {
+					"optional": true
 				}
 			}
 		},
-		"node_modules/sass-loader/node_modules/lru-cache": {
-			"version": "6.0.0",
-			"dev": true,
-			"license": "ISC",
-			"dependencies": {
-				"yallist": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/sass-loader/node_modules/semver": {
-			"version": "7.5.4",
-			"dev": true,
-			"license": "ISC",
-			"dependencies": {
-				"lru-cache": "^6.0.0"
-			},
-			"bin": {
-				"semver": "bin/semver.js"
-			},
-			"engines": {
-				"node": ">=10"
-			}
-		},
-		"node_modules/sass-loader/node_modules/yallist": {
-			"version": "4.0.0",
-			"dev": true,
-			"license": "ISC"
-		},
 		"node_modules/saxes": {
 			"version": "5.0.1",
 			"dev": true,
@@ -77060,34 +77034,12 @@
 			}
 		},
 		"sass-loader": {
-			"version": "10.1.0",
+			"version": "14.1.0",
+			"resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.1.0.tgz",
+			"integrity": "sha512-LS2mLeFWA+orYxHNu+O18Xe4jR0kyamNOOUsE3NyBP4DvIL+8stHpNX0arYTItdPe80kluIiJ7Wfe/9iHSRO0Q==",
 			"dev": true,
 			"requires": {
-				"klona": "^2.0.4",
-				"loader-utils": "^2.0.0",
-				"neo-async": "^2.6.2",
-				"schema-utils": "^3.0.0",
-				"semver": "^7.3.2"
-			},
-			"dependencies": {
-				"lru-cache": {
-					"version": "6.0.0",
-					"dev": true,
-					"requires": {
-						"yallist": "^4.0.0"
-					}
-				},
-				"semver": {
-					"version": "7.5.4",
-					"dev": true,
-					"requires": {
-						"lru-cache": "^6.0.0"
-					}
-				},
-				"yallist": {
-					"version": "4.0.0",
-					"dev": true
-				}
+				"neo-async": "^2.6.2"
 			}
 		},
 		"saxes": {
diff --git a/package.json b/package.json
index f699dc33584..b8303272f18 100644
--- a/package.json
+++ b/package.json
@@ -245,7 +245,7 @@
 		"request-promise": "4.2.6",
 		"rimraf": "5.0.5",
 		"rtlcss": "^4.0.0",
-		"sass-loader": "10.1.0",
+		"sass-loader": "14.1.0",
 		"storybook": "^7.5.2",
 		"storybook-addon-react-docgen": "1.2.44",
 		"terser-webpack-plugin": "5.3.6",