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>

src/components/widget/layout/BaseWidgetLayout.vue

@@ -38,7 +38,7 @@
             v-if="$slots.header"
             class="w-full h-16 px-6 py-4 flex justify-between gap-2"
           >
-            <div class="flex-1 flex gap-2 flex-shrink-0">
+            <div class="flex-1 flex gap-2 shrink-0">
               <IconButton v-if="!notMobile" @click="toggleLeftPanel">
                 <i-lucide:panel-left v-if="!showLeftPanel" class="text-sm" />
                 <i-lucide:panel-left-close v-else class="text-sm" />

src/components/widget/nav/NavItem.vue

@@ -4,7 +4,7 @@
     :class="
       active
         ? 'bg-neutral-100 dark-theme:bg-zinc-700 text-neutral'
-        : 'text-neutral hover:bg-zinc-100 hover:dark-theme:bg-zinc-700/50'
+        : 'text-neutral hover:bg-zinc-100 dark-theme:hover:bg-zinc-700/50'
     "
     role="button"
     @click="onClick"