diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
index 7bd75f2ccd145..0c99af8728582 100644
--- a/packages/ui-components/package.json
+++ b/packages/ui-components/package.json
@@ -69,7 +69,7 @@
     "postcss-loader": "~8.1.1",
     "react": "^19.1.0",
     "storybook": "^8.6.11",
-    "style-loader": "~3.3.4",
+    "style-loader": "~4.0.0",
     "stylelint": "^16.19.1",
     "stylelint-config-standard": "^38.0.0",
     "stylelint-order": "7.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 055e2e078c4dc..6c5d4a0e20ab8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -423,8 +423,8 @@ importers:
         specifier: ^8.6.11
         version: 8.6.12(prettier@3.5.3)
       style-loader:
-        specifier: ~3.3.4
-        version: 3.3.4(webpack@5.99.7(@swc/core@1.11.24)(esbuild@0.25.3))
+        specifier: ~4.0.0
+        version: 4.0.0(webpack@5.99.7(@swc/core@1.11.24)(esbuild@0.25.3))
       stylelint:
         specifier: ^16.19.1
         version: 16.19.1(typescript@5.8.3)
@@ -6043,6 +6043,12 @@ packages:
     peerDependencies:
       webpack: ^5.0.0
 
+  style-loader@4.0.0:
+    resolution: {integrity: sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      webpack: ^5.27.0
+
   style-object-to-css-string@1.1.3:
     resolution: {integrity: sha512-bISQoUsir/qGfo7vY8rw00ia9nnyE1jvYt3zZ2jhdkcXZ6dAEi74inMzQ6On57vFI+I4Fck6wOv5UI9BEwJDgw==}
 
@@ -13303,6 +13309,10 @@ snapshots:
     dependencies:
       webpack: 5.99.7(@swc/core@1.11.24)(esbuild@0.25.3)
 
+  style-loader@4.0.0(webpack@5.99.7(@swc/core@1.11.24)(esbuild@0.25.3)):
+    dependencies:
+      webpack: 5.99.7(@swc/core@1.11.24)(esbuild@0.25.3)
+
   style-object-to-css-string@1.1.3: {}
 
   style-to-js@1.1.16: