diff --git a/.yarn/cache/mini-css-extract-plugin-npm-2.7.7-358fc0f667-55e9cb89a6.zip b/.yarn/cache/mini-css-extract-plugin-npm-2.7.7-358fc0f667-55e9cb89a6.zip
deleted file mode 100644
index 671cb10bfed..00000000000
Binary files a/.yarn/cache/mini-css-extract-plugin-npm-2.7.7-358fc0f667-55e9cb89a6.zip and /dev/null differ
diff --git a/.yarn/cache/mini-css-extract-plugin-npm-2.8.0-f84e80660f-38166b7176.zip b/.yarn/cache/mini-css-extract-plugin-npm-2.8.0-f84e80660f-38166b7176.zip
new file mode 100644
index 00000000000..04e52257ea5
Binary files /dev/null and b/.yarn/cache/mini-css-extract-plugin-npm-2.8.0-f84e80660f-38166b7176.zip differ
diff --git a/packages/carbon-web-components/package.json b/packages/carbon-web-components/package.json
index fd20c6f4136..ff31ef994a2 100644
--- a/packages/carbon-web-components/package.json
+++ b/packages/carbon-web-components/package.json
@@ -172,7 +172,7 @@
     "karma-spec-reporter": "0.0.36",
     "karma-webpack": "^4.0.2",
     "magic-string": "^0.30.0",
-    "mini-css-extract-plugin": "~2.7.0",
+    "mini-css-extract-plugin": "~2.8.0",
     "mkdirp": "^0.5.0",
     "null-loader": "^4.0.0",
     "playwright": "^1.0.0",
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index d5824becd6e..d18b71e4e57 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -213,7 +213,7 @@
     "karma-webpack": "^4.0.2",
     "magic-string": "^0.30.0",
     "marked": "^4.0.10",
-    "mini-css-extract-plugin": "~2.7.0",
+    "mini-css-extract-plugin": "~2.8.0",
     "mkdirp": "^0.5.0",
     "polymer-webpack-loader": "^2.0.0",
     "postcss": "^8.2.10",
diff --git a/yarn.lock b/yarn.lock
index ca3efc4cba1..a4c98dff1a3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3420,7 +3420,7 @@ __metadata:
     lodash.pickby: "npm:^4.6.0"
     magic-string: "npm:^0.30.0"
     marked: "npm:^4.0.10"
-    mini-css-extract-plugin: "npm:~2.7.0"
+    mini-css-extract-plugin: "npm:~2.8.0"
     mkdirp: "npm:^0.5.0"
     polymer-webpack-loader: "npm:^2.0.0"
     postcss: "npm:^8.2.10"
@@ -3751,7 +3751,7 @@ __metadata:
     lit: "npm:^2.7.6"
     lodash-es: "npm:^4.17.21"
     magic-string: "npm:^0.30.0"
-    mini-css-extract-plugin: "npm:~2.7.0"
+    mini-css-extract-plugin: "npm:~2.8.0"
     mkdirp: "npm:^0.5.0"
     null-loader: "npm:^4.0.0"
     playwright: "npm:^1.0.0"
@@ -25107,14 +25107,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mini-css-extract-plugin@npm:~2.7.0":
-  version: 2.7.7
-  resolution: "mini-css-extract-plugin@npm:2.7.7"
+"mini-css-extract-plugin@npm:~2.8.0":
+  version: 2.8.0
+  resolution: "mini-css-extract-plugin@npm:2.8.0"
   dependencies:
     schema-utils: "npm:^4.0.0"
+    tapable: "npm:^2.2.1"
   peerDependencies:
     webpack: ^5.0.0
-  checksum: 10/55e9cb89a648e9d493dd66eb54cbf02783c6623d0e332ddb4c2374891fcd8de051d5f97473e40478eb2e091ea32fc9ac84c3cd583b445df9f444cc6b7483e1b1
+  checksum: 10/38166b717682d9e8bd4c1426e1b6463d85c1853fb82c0bd9607c1cbeb070db0feb226acd54364633aeaa832f55230e171599936d85d010626c6414597ba0e1ae
   languageName: node
   linkType: hard
 
@@ -33150,7 +33151,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tapable@npm:^2.1.1, tapable@npm:^2.2.0":
+"tapable@npm:^2.1.1, tapable@npm:^2.2.0, tapable@npm:^2.2.1":
   version: 2.2.1
   resolution: "tapable@npm:2.2.1"
   checksum: 10/1769336dd21481ae6347611ca5fca47add0962fd8e80466515032125eca0084a4f0ede11e65341b9c0018ef4e1cf1ad820adbb0fba7cc99865c6005734000b0a