diff --git a/package.json b/package.json
index 8ed70df0b02f5..e33321154d9d9 100644
--- a/package.json
+++ b/package.json
@@ -250,7 +250,7 @@
 		"loader-utils": "^1.2.3",
 		"lodash": "^4.17.21",
 		"lunr": "^2.3.8",
-		"mini-css-extract-plugin": "^1.6.0",
+		"mini-css-extract-plugin": "^2.4.2",
 		"mixedindentlint": "^1.2.0",
 		"mkdirp": "^1.0.4",
 		"ncp": "^2.0.0",
diff --git a/packages/calypso-build/package.json b/packages/calypso-build/package.json
index cbbdfc48ee708..4be97aebef7f4 100644
--- a/packages/calypso-build/package.json
+++ b/packages/calypso-build/package.json
@@ -60,7 +60,7 @@
 		"enzyme-to-json": "^3.4.3",
 		"jest-config": "^27.0.6",
 		"jest-enzyme": "^7.1.2",
-		"mini-css-extract-plugin": "^1.6.0",
+		"mini-css-extract-plugin": "^2.4.2",
 		"postcss-custom-properties": "^11.0.0",
 		"postcss-loader": "^5.3.0",
 		"recursive-copy": "^2.0.10",
diff --git a/packages/webpack-rtl-plugin/package.json b/packages/webpack-rtl-plugin/package.json
index 6de03a34d2b6b..d65feb3782b82 100644
--- a/packages/webpack-rtl-plugin/package.json
+++ b/packages/webpack-rtl-plugin/package.json
@@ -27,7 +27,7 @@
 	"devDependencies": {
 		"@automattic/calypso-typescript-config": "^1.0.0",
 		"css-loader": "^5.2.4",
-		"mini-css-extract-plugin": "^1.6.0",
+		"mini-css-extract-plugin": "^2.4.2",
 		"webpack": "^5.54.0"
 	},
 	"peerDependencies": {
diff --git a/yarn.lock b/yarn.lock
index d7dac44c4a61c..39aae8e9cb706 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -105,7 +105,7 @@ __metadata:
     enzyme-to-json: ^3.4.3
     jest-config: ^27.0.6
     jest-enzyme: ^7.1.2
-    mini-css-extract-plugin: ^1.6.0
+    mini-css-extract-plugin: ^2.4.2
     postcss-custom-properties: ^11.0.0
     postcss-loader: ^5.3.0
     recursive-copy: ^2.0.10
@@ -1085,7 +1085,7 @@ __metadata:
     "@romainberger/css-diff": ^1.0.3
     async: ^2.0.0
     css-loader: ^5.2.4
-    mini-css-extract-plugin: ^1.6.0
+    mini-css-extract-plugin: ^2.4.2
     rtlcss: ^3.1.2
     webpack: ^5.54.0
   peerDependencies:
@@ -25176,27 +25176,14 @@ fsevents@~2.1.2:
   languageName: node
   linkType: hard
 
-"mini-css-extract-plugin@npm:^1.6.0":
-  version: 1.6.0
-  resolution: "mini-css-extract-plugin@npm:1.6.0"
-  dependencies:
-    loader-utils: ^2.0.0
-    schema-utils: ^3.0.0
-    webpack-sources: ^1.1.0
-  peerDependencies:
-    webpack: ^4.4.0 || ^5.0.0
-  checksum: 8e71f7e7abf6760a7b3216e8f76aa8b4ee205ee32ecf2ca27d465a59858ff6f4faf76b8031875139a3889360a05a2f69b438fea6abc08c59da27026cd795ca45
-  languageName: node
-  linkType: hard
-
-"mini-css-extract-plugin@npm:^2.1.0":
-  version: 2.3.0
-  resolution: "mini-css-extract-plugin@npm:2.3.0"
+"mini-css-extract-plugin@npm:^2.1.0, mini-css-extract-plugin@npm:^2.4.2":
+  version: 2.4.2
+  resolution: "mini-css-extract-plugin@npm:2.4.2"
   dependencies:
     schema-utils: ^3.1.0
   peerDependencies:
     webpack: ^5.0.0
-  checksum: d85b0cce58b824740bdd3470d8da100196802f5816c7a60939bd19b418cc06a4b8db8aef2f0ecb9b70051b251eb1a89dc036211a764059d9dcd181b1c2529f73
+  checksum: f9663d86e893115fa879c38472e0708ac28778db256c9d30b1c59cd6a75eaf66d9cf13b234595d1587c64ca9b49657e9158d757ac63b07ebfcd5b9e894400906
   languageName: node
   linkType: hard
 
@@ -37047,7 +37034,7 @@ typescript@^4.4.3:
   languageName: node
   linkType: hard
 
-"webpack-sources@npm:^1.1.0, webpack-sources@npm:^1.4.0, webpack-sources@npm:^1.4.1, webpack-sources@npm:^1.4.3":
+"webpack-sources@npm:^1.4.0, webpack-sources@npm:^1.4.1, webpack-sources@npm:^1.4.3":
   version: 1.4.3
   resolution: "webpack-sources@npm:1.4.3"
   dependencies:
@@ -37587,7 +37574,7 @@ typescript@^4.4.3:
     loader-utils: ^1.2.3
     lodash: ^4.17.21
     lunr: ^2.3.8
-    mini-css-extract-plugin: ^1.6.0
+    mini-css-extract-plugin: ^2.4.2
     mixedindentlint: ^1.2.0
     mkdirp: ^1.0.4
     ncp: ^2.0.0