Use PostCSS to replace OKLCH with RGB for better browser support

Author: bvaughn

package.json

@@ -51,6 +51,7 @@
     "@codemirror/lang-markdown": "latest",
     "@codemirror/language": "latest",
     "@codemirror/state": "latest",
+    "@csstools/postcss-oklab-function": "^4.0.11",
     "@eslint/js": "^9.30.1",
     "@headlessui/react": "^2.2.4",
     "@headlessui/tailwindcss": "^0.2.2",
@@ -73,6 +74,7 @@
     "husky": "^9.1.7",
     "jsdom": "^26.1.0",
     "lint-staged": "^16.1.4",
+    "postcss": "^8.5.6",
     "prettier": "3.6.2",
     "react": "^19.1.0",
     "react-docgen-typescript": "^2.4.0",

pnpm-lock.yaml

@@ -0,0 +1,4 @@
+import postcss from "postcss";
+import postcssOKLabFunction from "@csstools/postcss-oklab-function";
+
+export default postcss([postcssOKLabFunction()]);