feat(styled kit): tailwind v4 update

.changeset/fair-hoops-taste.md

@@ -0,0 +1,5 @@
+---
+'@qwik-ui/headless': patch
+---
+
+fix: the accordion `offsetHeight` is now properly calculated with tailwind v4.

.changeset/mean-books-act.md

@@ -0,0 +1,17 @@
+---
+'@qwik-ui/styled': minor
+'qwik-ui': minor
+---
+
+feat: Qwik UI has now fully migrated and updated the global.css config and components to use tailwind v4. You can copy/paste the components into your project(s) or use the CLI.
+
+## Migration guide:
+
+- Make sure to commit any changes before you start the steps below
+- Run the `npx @tailwindcss/upgrade` script and let it do most of the work for you
+- Remove your tailwind.config.cjs and postcss.config.cjs
+- install the @tailwindcss/vite package and pass it to your vite.config plugins array
+- Copy paste the new css config base tokens, or use the `qwik-ui init` to get them, and adapt them to your project
+- If you are in a monorepo, make sure to `@source “../../../path/to/your/components“;`
+- Add `"w-full"` to Modal PanelVariants position.top and position.bottom; add `"m-auto"` to position.center
+- If you didn't modify some components, you can re-copy/paste (or re-install them with the cli) for their most up to date version

.prettierrc

@@ -4,6 +4,6 @@
   "trailingComma": "all",
   "printWidth": 90,
   "plugins": ["prettier-plugin-tailwindcss"],
-  "tailwindConfig": "./apps/website/tailwind.config.cjs",
+  "tailwindStylesheet": "./apps/website/src/global.css",
   "tailwindFunctions": ["clsx", "cva"]
 }

.vscode/settings.json

@@ -4,6 +4,7 @@
     ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
     ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
   ],
+  "tailwindCSS.experimental.configFile": "apps/website/src/global.css",
   "editor.codeActionsOnSave": {
     "source.removeUnusedImports": "explicit"
   },