Upgrade: Tailwind v4 (#5246)

* temp: move tailwind calls out of the layer

* temp: ts tailwind config

* upgrade: Tailwind v4
This got a little out of hand.
Had to add a relative reference to the stylesheet in any component that uses @apply instead of the utility classes directly.

* upgrade: bg-opacity is now a modifier

* fix: Classic menu buttons assume a border

* Update test expectations [skip ci]

* fix: New preflight removal pattern

* fix: Skeletons don't have skin

* Update test expectations [skip ci]

* fix: Missing @reference

* [auto-fix] Apply ESLint and Prettier fixes

---------

Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: GitHub Action <action@github.com>

package.json

@@ -54,6 +54,7 @@
     "@storybook/addon-docs": "^9.1.1",
     "@storybook/vue3": "^9.1.1",
     "@storybook/vue3-vite": "^9.1.1",
+    "@tailwindcss/vite": "^4.1.12",
     "@trivago/prettier-plugin-sort-imports": "^5.2.0",
     "@types/dompurify": "^3.0.5",
     "@types/fs-extra": "^11.0.4",
@@ -64,7 +65,6 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/ui": "^3.0.0",
     "@vue/test-utils": "^2.4.6",
-    "autoprefixer": "^10.4.19",
     "chalk": "^5.3.0",
     "commander": "^14.0.0",
     "eslint": "^9.12.0",
@@ -90,7 +90,8 @@
     "react": "^19.1.1",
     "react-reconciler": "^0.32.0",
     "storybook": "^9.1.1",
-    "tailwindcss": "^3.4.4",
+    "tailwindcss": "^4.1.12",
+    "tailwindcss-primeui": "^0.6.1",
     "tsx": "^4.15.6",
     "typescript": "^5.4.5",
     "typescript-eslint": "^8.0.0",