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/load3d/Load3DControls.vue

@@ -1,18 +1,15 @@
 <template>
   <div
-    class="absolute top-12 left-2 flex flex-col pointer-events-auto z-20 bg-gray-700 bg-opacity-30 rounded-lg"
+    class="absolute top-12 left-2 flex flex-col pointer-events-auto z-20 bg-gray-700/30 rounded-lg"
   >
     <div class="relative show-menu">
-      <Button
-        class="p-button-rounded p-button-text bg-opacity-30"
-        @click="toggleMenu"
-      >
+      <Button class="p-button-rounded p-button-text" @click="toggleMenu">
         <i class="pi pi-bars text-white text-lg" />
       </Button>
 
       <div
         v-show="isMenuOpen"
-        class="absolute left-12 top-0 bg-black bg-opacity-50 rounded-lg shadow-lg"
+        class="absolute left-12 top-0 bg-black/50 rounded-lg shadow-lg"
       >
         <div class="flex flex-col">
           <Button
@@ -29,7 +26,7 @@
       </div>
     </div>
 
-    <div v-show="activeCategory" class="bg-gray-700 bg-opacity-30 rounded-lg">
+    <div v-show="activeCategory" class="bg-gray-700/30 rounded-lg">
       <SceneControls
         v-if="activeCategory === 'scene'"
         ref="sceneControlsRef"