diff --git a/package.json b/package.json
index 8e4f294a26fc7..96c747a575a5c 100644
--- a/package.json
+++ b/package.json
@@ -129,7 +129,7 @@
     "markdown-loader": "^6.0.0",
     "prettier": "^2.4.1",
     "sass": "1.42.1",
-    "sass-loader": "^10.1.1",
+    "sass-loader": "^12.2.0",
     "storybook-addon-jsx": "^7.3.14",
     "style-loader": "^2.0.0",
     "svgo": "2.7.0",
diff --git a/yarn.lock b/yarn.lock
index 99f56a197a2fb..0647e40dc1b2e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14212,16 +14212,13 @@ sass-loader@10.1.1:
     schema-utils "^3.0.0"
     semver "^7.3.2"
 
-sass-loader@^10.1.1:
-  version "10.2.0"
-  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.2.0.tgz#3d64c1590f911013b3fa48a0b22a83d5e1494716"
-  integrity sha512-kUceLzC1gIHz0zNJPpqRsJyisWatGYNFRmv2CKZK2/ngMJgLqxTbXwe/hJ85luyvZkgqU3VlJ33UVF2T/0g6mw==
+sass-loader@^12.2.0:
+  version "12.2.0"
+  resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-12.2.0.tgz#b370010fb0ababae2ef9c6c89e05d6c6debc6042"
+  integrity sha512-qducnp5vSV+8A8MZxuH6zV0MUg4MOVISScl2wDTCAn/2WJX+9Auxh92O/rnkdR2bvi5QxZBafnzkzRrWGZvm7w==
   dependencies:
     klona "^2.0.4"
-    loader-utils "^2.0.0"
     neo-async "^2.6.2"
-    schema-utils "^3.0.0"
-    semver "^7.3.2"
 
 sass@1.42.1, sass@^1.38.0:
   version "1.42.1"