diff --git a/packages/ui-components/.storybook/main.ts b/packages/ui-components/.storybook/main.ts
index 7910011320c8e..dbdbd5cc6d05f 100644
--- a/packages/ui-components/.storybook/main.ts
+++ b/packages/ui-components/.storybook/main.ts
@@ -28,7 +28,7 @@ const config: StorybookConfig = {
               'style-loader',
               {
                 loader: 'css-loader',
-                options: { importLoaders: 1 },
+                options: { importLoaders: 1, modules: { namedExport: false } },
               },
               {
                 // Gets options from `postcss.config.js` in your project root
diff --git a/packages/ui-components/package.json b/packages/ui-components/package.json
index ee7a168c79620..db2770ac34d17 100644
--- a/packages/ui-components/package.json
+++ b/packages/ui-components/package.json
@@ -62,7 +62,7 @@
     "@types/node": "22.15.3",
     "@types/react": "^19.1.0",
     "cross-env": "^7.0.3",
-    "css-loader": "~6.11.0",
+    "css-loader": "~7.1.2",
     "eslint-plugin-react": "~7.37.4",
     "eslint-plugin-storybook": "~0.12.0",
     "global-jsdom": "^26.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e952dd34388e6..50987727a619d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -402,8 +402,8 @@ importers:
         specifier: ^7.0.3
         version: 7.0.3
       css-loader:
-        specifier: ~6.11.0
-        version: 6.11.0(webpack@5.99.7(@swc/core@1.11.24)(esbuild@0.25.3))
+        specifier: ~7.1.2
+        version: 7.1.2(webpack@5.99.7(@swc/core@1.11.24)(esbuild@0.25.3))
       eslint-plugin-react:
         specifier: ~7.37.4
         version: 7.37.5(eslint@9.26.0(jiti@2.4.2))
@@ -2842,6 +2842,18 @@ packages:
       webpack:
         optional: true
 
+  css-loader@7.1.2:
+    resolution: {integrity: sha512-6WvYYn7l/XEGN8Xu2vWFt9nVzrCn39vKyTEFf/ExEyoksJjjSZV/0/35XPlMbpnr6VGhZIUg5yJrL8tGfes/FA==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || 1.x
+      webpack: ^5.27.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+
   css-select@4.3.0:
     resolution: {integrity: sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==}
 
@@ -8853,6 +8865,19 @@ snapshots:
     optionalDependencies:
       webpack: 5.99.7(@swc/core@1.11.24)(esbuild@0.25.3)
 
+  css-loader@7.1.2(webpack@5.99.7(@swc/core@1.11.24)(esbuild@0.25.3)):
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.5.3)
+      postcss: 8.5.3
+      postcss-modules-extract-imports: 3.1.0(postcss@8.5.3)
+      postcss-modules-local-by-default: 4.2.0(postcss@8.5.3)
+      postcss-modules-scope: 3.2.1(postcss@8.5.3)
+      postcss-modules-values: 4.0.0(postcss@8.5.3)
+      postcss-value-parser: 4.2.0
+      semver: 7.7.1
+    optionalDependencies:
+      webpack: 5.99.7(@swc/core@1.11.24)(esbuild@0.25.3)
+
   css-select@4.3.0:
     dependencies:
       boolbase: 1.0.0