diff --git a/package.json b/package.json
index ea0ddb4a24..e9f0a454f9 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "author": "SmartHR-UI Team",
   "dependencies": {
     "@smarthr/wareki": "^1.2.0",
-    "css-loader": "^6.11.0",
+    "css-loader": "^7.0.0",
     "dayjs": "^1.11.10",
     "lodash.merge": "^4.6.2",
     "lodash.range": "^3.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2e810b4125..5106d748a8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,8 +16,8 @@ dependencies:
     specifier: ^1.2.0
     version: 1.2.0
   css-loader:
-    specifier: ^6.11.0
-    version: 6.11.0(webpack@5.91.0)
+    specifier: ^7.0.0
+    version: 7.0.0(webpack@5.91.0)
   dayjs:
     specifier: ^1.11.10
     version: 1.11.10
@@ -7142,6 +7142,30 @@ packages:
       postcss-value-parser: 4.2.0
       semver: 7.6.0
       webpack: 5.91.0(@swc/core@1.4.12)(esbuild@0.18.16)
+    dev: true
+
+  /css-loader@7.0.0(webpack@5.91.0):
+    resolution: {integrity: sha512-WrO4FVoamxt5zY9CauZjoJgXRi/LZKIk+Ta7YvpSGr5r/eMYPNp5/T9ODlMe4/1rF5DYlycG1avhV4g3A/tiAw==}
+    engines: {node: '>= 18.12.0'}
+    peerDependencies:
+      '@rspack/core': 0.x || 1.x
+      webpack: ^5.27.0
+    peerDependenciesMeta:
+      '@rspack/core':
+        optional: true
+      webpack:
+        optional: true
+    dependencies:
+      icss-utils: 5.1.0(postcss@8.4.38)
+      postcss: 8.4.38
+      postcss-modules-extract-imports: 3.1.0(postcss@8.4.38)
+      postcss-modules-local-by-default: 4.0.5(postcss@8.4.38)
+      postcss-modules-scope: 3.2.0(postcss@8.4.38)
+      postcss-modules-values: 4.0.0(postcss@8.4.38)
+      postcss-value-parser: 4.2.0
+      semver: 7.6.0
+      webpack: 5.91.0(@swc/core@1.4.12)(esbuild@0.18.16)
+    dev: false
 
   /css-select@4.1.3:
     resolution: {integrity: sha512-gT3wBNd9Nj49rAbmtFHj1cljIAOLYSX1nZ8CB7TBO3INYckygm5B7LISU/szY//YmdiSLbJvDLOx9VnMVpMBxA==}