diff --git a/package.json b/package.json
index bb85dfcee..0b55525ad 100644
--- a/package.json
+++ b/package.json
@@ -66,7 +66,7 @@
     "outdent": "0.8.0",
     "parse-srcset": "ikatyang/parse-srcset#54eb9c1cb21db5c62b4d0e275d7249516df6f0ee",
     "please-upgrade-node": "3.2.0",
-    "postcss": "8.3.6",
+    "postcss": "8.4.4",
     "postcss-less": "5.0.0",
     "postcss-media-query-parser": "0.2.3",
     "postcss-scss": "4.0.0",
diff --git a/scripts/build/config.mjs b/scripts/build/config.mjs
index ae9583a7b..dd5676387 100644
--- a/scripts/build/config.mjs
+++ b/scripts/build/config.mjs
@@ -1,7 +1,4 @@
 import path from "node:path";
-import createEsmUtils from "esm-utils";
-
-const { require, dirname } = createEsmUtils(import.meta);
 
 /**
  * @typedef {Object} Bundle
@@ -71,13 +68,6 @@ const parsers = [
   },
   {
     input: "src/language-css/parser-postcss.js",
-    replaceModule: {
-      // `colorette` uses `process` can't run in browser
-      // https://github.com/jorgebucaran/colorette/pull/62
-      [require.resolve("colorette")]: {
-        file: path.join(dirname, "replacement/colorette.mjs"),
-      },
-    },
     replace: {
       // `postcss-values-parser` uses constructor.name, it will be changed by rollup or terser
       // https://github.com/shellscape/postcss-values-parser/blob/c00f858ab8c86ce9f06fdb702e8f26376f467248/lib/parser.js#L499
diff --git a/scripts/build/replacement/colorette.mjs b/scripts/build/replacement/colorette.mjs
deleted file mode 100644
index ba2e78094..000000000
--- a/scripts/build/replacement/colorette.mjs
+++ /dev/null
@@ -1,49 +0,0 @@
-// A fake module to replace `colorette`
-// https://github.com/jorgebucaran/colorette
-
-const color = (string) => string;
-
-export const options = { enabled: false };
-export {
-  color as reset,
-  color as bold,
-  color as dim,
-  color as italic,
-  color as underline,
-  color as inverse,
-  color as hidden,
-  color as strikethrough,
-  color as black,
-  color as red,
-  color as green,
-  color as yellow,
-  color as blue,
-  color as magenta,
-  color as cyan,
-  color as white,
-  color as gray,
-  color as bgBlack,
-  color as bgRed,
-  color as bgGreen,
-  color as bgYellow,
-  color as bgBlue,
-  color as bgMagenta,
-  color as bgCyan,
-  color as bgWhite,
-  color as blackBright,
-  color as redBright,
-  color as greenBright,
-  color as yellowBright,
-  color as blueBright,
-  color as magentaBright,
-  color as cyanBright,
-  color as whiteBright,
-  color as bgBlackBright,
-  color as bgRedBright,
-  color as bgGreenBright,
-  color as bgYellowBright,
-  color as bgBlueBright,
-  color as bgMagentaBright,
-  color as bgCyanBright,
-  color as bgWhiteBright,
-};
diff --git a/yarn.lock b/yarn.lock
index c3448e0a4..d4e0f0313 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2328,11 +2328,6 @@ color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
-colorette@^1.2.2:
-  version "1.4.0"
-  resolved "https://registry.yarnpkg.com/colorette/-/colorette-1.4.0.tgz#5190fbb87276259a86ad700bff2c6d6faa3fca40"
-  integrity sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==
-
 combined-stream@^1.0.8:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
@@ -4707,7 +4702,7 @@ n-readlines@1.0.1:
   resolved "https://registry.yarnpkg.com/n-readlines/-/n-readlines-1.0.1.tgz#bbb7364d38bc31a170a199f986fcacfa76b95f6e"
   integrity sha512-z4SyAIVgMy7CkgsoNw7YVz40v0g4+WWvvqy8+ZdHrCtgevcEO758WQyrYcw3XPxcLxF+//RszTz/rO48nzD0wQ==
 
-nanoid@^3.1.23:
+nanoid@^3.1.30:
   version "3.1.30"
   resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.1.30.tgz#63f93cc548d2a113dc5dfbc63bfa09e2b9b64362"
   integrity sha512-zJpuPDwOv8D2zq2WRoMe1HsfZthVewpel9CAvTfc/2mBD1uUT/agc5f7GHGWXlYkFvi1mVxe4IjvP2HNrop7nQ==
@@ -5174,14 +5169,14 @@ postcss-values-parser@2.0.1:
     indexes-of "^1.0.1"
     uniq "^1.0.1"
 
-postcss@8.3.6:
-  version "8.3.6"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.3.6.tgz#2730dd76a97969f37f53b9a6096197be311cc4ea"
-  integrity sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==
+postcss@8.4.4:
+  version "8.4.4"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.4.tgz#d53d4ec6a75fd62557a66bb41978bf47ff0c2869"
+  integrity sha512-joU6fBsN6EIer28Lj6GDFoC/5yOZzLCfn0zHAn/MYXI7aPt4m4hK5KC5ovEZXy+lnCjmYIbQWngvju2ddyEr8Q==
   dependencies:
-    colorette "^1.2.2"
-    nanoid "^3.1.23"
-    source-map-js "^0.6.2"
+    nanoid "^3.1.30"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.1"
 
 prelude-ls@^1.2.1:
   version "1.2.1"
@@ -5684,10 +5679,10 @@ snapshot-diff@0.9.0:
     jest-snapshot "^27.0.4"
     pretty-format "^27.0.2"
 
-source-map-js@^0.6.2:
-  version "0.6.2"
-  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-0.6.2.tgz#0bb5de631b41cfbda6cfba8bd05a80efdfd2385e"
-  integrity sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==
+source-map-js@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.1.tgz#a1741c131e3c77d048252adfa24e23b908670caf"
+  integrity sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA==
 
 source-map-support@^0.5.6, source-map-support@~0.5.20:
   version "0.5.21"