diff --git a/package-lock.json b/package-lock.json
index abb9ad2ed8..806122549c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -63,7 +63,7 @@
         "husky": "^7.0.2",
         "jest": "^27.2.2",
         "lint-staged": "^11.1.2",
-        "postcss": "^8.3.6",
+        "postcss": "^8.3.8",
         "postcss-import": "^14.0.2",
         "prettier": "^2.4.1",
         "snowpack": "^3.8.2",
@@ -14384,9 +14384,16 @@
       "dev": true,
       "optional": true
     },
+    "node_modules/nanocolors": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.10.tgz",
+      "integrity": "sha512-i+EDWGsJClQwR/bhLIG/CObZZwaYaS5qt+yjxZbfV+77QiNHNzE9nj4d9Ut1TGZ0R0eSwPcQWzReASzXuw/7oA==",
+      "dev": true
+    },
     "node_modules/nanoid": {
-      "version": "3.1.23",
-      "integrity": "sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==",
+      "version": "3.1.28",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.28.tgz",
+      "integrity": "sha512-gSu9VZ2HtmoKYe/lmyPFES5nknFrHa+/DT9muUFWFMi6Jh9E1I7bkvlQ8xxf1Kos9pi9o8lBnIOkatMhKX/YUw==",
       "dev": true,
       "bin": {
         "nanoid": "bin/nanoid.cjs"
@@ -15502,13 +15509,13 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.3.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
-      "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
+      "version": "8.3.8",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.8.tgz",
+      "integrity": "sha512-GT5bTjjZnwDifajzczOC+r3FI3Cu+PgPvrsjhQdRqa2kTJ4968/X9CUce9xttIB0xOs5c6xf0TCWZo/y9lF6bA==",
       "dev": true,
       "dependencies": {
-        "colorette": "^1.2.2",
-        "nanoid": "^3.1.23",
+        "nanocolors": "^0.2.2",
+        "nanoid": "^3.1.25",
         "source-map-js": "^0.6.2"
       },
       "engines": {
@@ -31088,9 +31095,16 @@
       "dev": true,
       "optional": true
     },
+    "nanocolors": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/nanocolors/-/nanocolors-0.2.10.tgz",
+      "integrity": "sha512-i+EDWGsJClQwR/bhLIG/CObZZwaYaS5qt+yjxZbfV+77QiNHNzE9nj4d9Ut1TGZ0R0eSwPcQWzReASzXuw/7oA==",
+      "dev": true
+    },
     "nanoid": {
-      "version": "3.1.23",
-      "integrity": "sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==",
+      "version": "3.1.28",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.28.tgz",
+      "integrity": "sha512-gSu9VZ2HtmoKYe/lmyPFES5nknFrHa+/DT9muUFWFMi6Jh9E1I7bkvlQ8xxf1Kos9pi9o8lBnIOkatMhKX/YUw==",
       "dev": true
     },
     "nanomatch": {
@@ -31939,13 +31953,13 @@
       "dev": true
     },
     "postcss": {
-      "version": "8.3.6",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
-      "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
+      "version": "8.3.8",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.8.tgz",
+      "integrity": "sha512-GT5bTjjZnwDifajzczOC+r3FI3Cu+PgPvrsjhQdRqa2kTJ4968/X9CUce9xttIB0xOs5c6xf0TCWZo/y9lF6bA==",
       "dev": true,
       "requires": {
-        "colorette": "^1.2.2",
-        "nanoid": "^3.1.23",
+        "nanocolors": "^0.2.2",
+        "nanoid": "^3.1.25",
         "source-map-js": "^0.6.2"
       }
     },
diff --git a/package.json b/package.json
index ae91697273..7ed1a9049b 100644
--- a/package.json
+++ b/package.json
@@ -78,7 +78,7 @@
     "husky": "^7.0.2",
     "jest": "^27.2.2",
     "lint-staged": "^11.1.2",
-    "postcss": "^8.3.6",
+    "postcss": "^8.3.8",
     "postcss-import": "^14.0.2",
     "prettier": "^2.4.1",
     "snowpack": "^3.8.2",