diff --git a/package.json b/package.json
index e6c51ca30..108d5b0bd 100644
--- a/package.json
+++ b/package.json
@@ -142,7 +142,7 @@
     "jest": "^26.6.3",
     "nock": "^13.0.5",
     "postcss": "^8.4.30",
-    "postcss-loader": "^4.1.0",
+    "postcss-loader": "^7.0.0",
     "prettier": "^2.8.8",
     "react-test-renderer": "=16.14.0",
     "style-loader": "^3.3.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 09d72d9a0..67586486d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -113,8 +113,8 @@ devDependencies:
     specifier: ^8.4.30
     version: 8.4.30
   postcss-loader:
-    specifier: ^4.1.0
-    version: 4.1.0(postcss@8.4.30)(webpack@5.83.1)
+    specifier: ^7.0.0
+    version: 7.0.0(postcss@8.4.30)(webpack@5.83.1)
   prettier:
     specifier: ^2.8.8
     version: 2.8.8
@@ -4886,18 +4886,16 @@ packages:
       yaml: 2.3.2
     dev: true
 
-  /postcss-loader@4.1.0(postcss@8.4.30)(webpack@5.83.1):
-    resolution: {integrity: sha512-vbCkP70F3Q9PIk6d47aBwjqAMI4LfkXCoyxj+7NPNuVIwfTGdzv2KVQes59/RuxMniIgsYQCFSY42P3+ykJfaw==}
-    engines: {node: '>= 10.13.0'}
+  /postcss-loader@7.0.0(postcss@8.4.30)(webpack@5.83.1):
+    resolution: {integrity: sha512-IDyttebFzTSY6DI24KuHUcBjbAev1i+RyICoPEWcAstZsj03r533uMXtDn506l6/wlsRYiS5XBdx7TpccCsyUg==}
+    engines: {node: '>= 14.15.0'}
     peerDependencies:
       postcss: ^7.0.0 || ^8.0.1
-      webpack: ^4.0.0 || ^5.0.0
+      webpack: ^5.0.0
     dependencies:
       cosmiconfig: 7.1.0
       klona: 2.0.6
-      loader-utils: 2.0.4
       postcss: 8.4.30
-      schema-utils: 3.1.2
       semver: 7.5.1
       webpack: 5.83.1(webpack-cli@5.1.1)
     dev: true