diff --git a/package.json b/package.json
index ba90059d..f349a42b 100644
--- a/package.json
+++ b/package.json
@@ -122,7 +122,7 @@
     "qs": "^6.12.0",
     "rimraf": "^5.0.5",
     "sortpack": "^2.4.0",
-    "style-loader": "^3.3.4",
+    "style-loader": "^4.0.0",
     "terser": "^5.29.2",
     "typescript": "^5.4.3",
     "typescript-language-server": "^4.3.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 69aa3fa6..24d69128 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -295,8 +295,8 @@ importers:
         specifier: ^2.4.0
         version: 2.4.0
       style-loader:
-        specifier: ^3.3.4
-        version: 3.3.4(webpack@5.91.0(webpack-cli@5.1.4))
+        specifier: ^4.0.0
+        version: 4.0.0(webpack@5.91.0(webpack-cli@5.1.4))
       terser:
         specifier: ^5.29.2
         version: 5.31.0
@@ -4271,11 +4271,11 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  style-loader@3.3.4:
-    resolution: {integrity: sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==}
-    engines: {node: '>= 12.13.0'}
+  style-loader@4.0.0:
+    resolution: {integrity: sha512-1V4WqhhZZgjVAVJyt7TdDPZoPBPNHbekX4fWnCJL1yQukhCeZhJySUL+gL9y6sNdN95uEOS83Y55SqHcP7MzLA==}
+    engines: {node: '>= 18.12.0'}
     peerDependencies:
-      webpack: ^5.0.0
+      webpack: ^5.27.0
 
   supports-color@5.5.0:
     resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
@@ -8982,7 +8982,7 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  style-loader@3.3.4(webpack@5.91.0(webpack-cli@5.1.4)):
+  style-loader@4.0.0(webpack@5.91.0(webpack-cli@5.1.4)):
     dependencies:
       webpack: 5.91.0(webpack-cli@5.1.4)