v0

.prettierrc.json

@@ -3,7 +3,7 @@
   "singleQuote": true,
   "trailingComma": "es5",
   "jsxBracketSameLine": false,
-  "plugins": ["@trivago/prettier-plugin-sort-imports"],
+  "plugins": ["@trivago/prettier-plugin-sort-imports", "prettier-plugin-tailwindcss"],
   "importOrder": [
     "^./polyfills$",
     "^react$",

package.json

@@ -133,6 +133,7 @@
     "react-stately": "^3.23.0",
     "reselect": "^5.1.0",
     "styled-components": "^5.3.11",
+    "tailwind-merge": "^2.4.0",
     "unionize": "^3.1.0",
     "use-latest": "^1.2.1",
     "viem": "^2.16.2",
@@ -165,6 +166,7 @@
     "@wdio/types": "^8.32.4",
     "ajv": "^8.12.0",
     "assert": "^2.0.0",
+    "autoprefixer": "^10.4.19",
     "axios": "^1.6.7",
     "babel-loader": "^9.1.2",
     "babel-plugin-styled-components": "^2.1.4",
@@ -187,10 +189,13 @@
     "minimist": "^1.2.8",
     "node-fetch": "^3.3.1",
     "pnpm": "^8.6.6",
+    "postcss": "^8.4.39",
     "prettier": "^3.2.5",
+    "prettier-plugin-tailwindcss": "^0.6.5",
     "readline-sync": "^1.4.10",
     "rollup-plugin-sourcemaps": "^0.6.3",
     "stream-browserify": "^3.0.0",
+    "tailwindcss": "^3.4.6",
     "ts-node": "^10.9.2",
     "tsx": "^4.7.1",
     "typescript": "^5.1.3",