diff --git a/plugins/bundle/package.json b/plugins/bundle/package.json
index e24310086..597cbd832 100644
--- a/plugins/bundle/package.json
+++ b/plugins/bundle/package.json
@@ -26,7 +26,7 @@
     "dedent": "0.7.0",
     "duplicate-package-checker-webpack-plugin": "3.0.0",
     "get-monorepo-packages": "1.2.0",
-    "postcss-loader": "3.0.0",
+    "postcss-loader": "^4.2.0",
     "style-loader": "1.2.1",
     "terser-webpack-plugin": "4.1.0",
     "tslib": "2.0.1",
diff --git a/plugins/storybook/.storybook/modify-webpack.js b/plugins/storybook/.storybook/modify-webpack.js
index 4ecd1c575..35dd71874 100644
--- a/plugins/storybook/.storybook/modify-webpack.js
+++ b/plugins/storybook/.storybook/modify-webpack.js
@@ -80,12 +80,13 @@ async function addCss(config) {
             loader: 'postcss-loader',
             options: {
               sourceMap: true,
-              ident: 'postcss',
-              plugins: (
-                await getPostCssConfig({
-                  useModules: false
-                })
-              ).plugins
+              postcssOptions: {
+                plugins: (
+                  await getPostCssConfig({
+                    useModules: false
+                  })
+                ).plugins
+              }
             }
           }
         ]