diff --git a/.yarn/cache/style-loader-npm-4.0.0-e0f957f3d6-93f25b7e70.zip b/.yarn/cache/style-loader-npm-4.0.0-e0f957f3d6-93f25b7e70.zip
new file mode 100644
index 000000000000..f9f86950729f
Binary files /dev/null and b/.yarn/cache/style-loader-npm-4.0.0-e0f957f3d6-93f25b7e70.zip differ
diff --git a/packages/react/package.json b/packages/react/package.json
index e7795c596b35..7828d8dfeb1c 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -125,7 +125,7 @@
     "storybook": "^7.1.0",
     "storybook-addon-accessibility-checker": "^3.1.61-rc.3",
     "stream-browserify": "^3.0.0",
-    "style-loader": "^3.3.1",
+    "style-loader": "^4.0.0",
     "typescript-config-carbon": "^0.2.0",
     "webpack": "^5.65.0",
     "webpack-dev-server": "^4.7.4"
diff --git a/yarn.lock b/yarn.lock
index 1a7687422a4a..1e7b5b64cc16 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2090,7 +2090,7 @@ __metadata:
     storybook: "npm:^7.1.0"
     storybook-addon-accessibility-checker: "npm:^3.1.61-rc.3"
     stream-browserify: "npm:^3.0.0"
-    style-loader: "npm:^3.3.1"
+    style-loader: "npm:^4.0.0"
     tabbable: "npm:^6.2.0"
     typescript-config-carbon: "npm:^0.2.0"
     use-resize-observer: "npm:^6.0.0"
@@ -25824,6 +25824,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"style-loader@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "style-loader@npm:4.0.0"
+  peerDependencies:
+    webpack: ^5.27.0
+  checksum: 10/93f25b7e70cfca9d1d8427170384262b59a5b0e84e7191a5a26636a77799caeed46d9a3e45ee7b9afa0f69176e3b98d5a6c5e81593ff1fd0946f1c5682fd2a68
+  languageName: node
+  linkType: hard
+
 "style-search@npm:^0.1.0":
   version: 0.1.0
   resolution: "style-search@npm:0.1.0"