refactor: ⬆️ Upgrade to Tailwind v4

components/ui/collapsible/Collapsible.vue

@@ -9,7 +9,11 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <CollapsibleRoot v-slot="{ open }" v-bind="forwarded">
+  <CollapsibleRoot
+    v-slot="{ open }"
+    data-slot="collapsible"
+    v-bind="forwarded"
+  >
     <slot :open="open" />
   </CollapsibleRoot>
 </template>

components/ui/collapsible/CollapsibleContent.vue

@@ -5,7 +5,10 @@ const props = defineProps<CollapsibleContentProps>();
 </script>
 
 <template>
-  <CollapsibleContent v-bind="props" class="overflow-hidden transition-all data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down">
+  <CollapsibleContent
+    data-slot="collapsible-content"
+    v-bind="props"
+  >
     <slot />
   </CollapsibleContent>
 </template>

components/ui/collapsible/CollapsibleTrigger.vue

@@ -5,7 +5,10 @@ const props = defineProps<CollapsibleTriggerProps>();
 </script>
 
 <template>
-  <CollapsibleTrigger v-bind="props">
+  <CollapsibleTrigger
+    data-slot="collapsible-trigger"
+    v-bind="props"
+  >
     <slot />
   </CollapsibleTrigger>
 </template>