fix: use group-[&]/ syntax for TW4 compatibility

The empty bracket syntax group-[]/ doesn't generate valid CSS in
Tailwind v4. Using group-[&]/ with the self-reference selector
ensures the styles apply when inside named groups.

Author: andrew-boyd

src/families/dropdown.ts

@@ -164,13 +164,13 @@ export default {
       removeSelection section within the context of a tag.
       */
     }
-    group-[]/tag:absolute
-    group-[]/tag:top-1/2
-    group-[]/tag:right-[0.5em]
-    group-[]/tag:-translate-y-1/2
-    group-[]/tag:!w-[0.5em]
-    group-[]/tag:aspect-[1/1]
-    group-[]/tag:!text-inherit
+    group-[&]/tag:absolute
+    group-[&]/tag:top-1/2
+    group-[&]/tag:right-[0.5em]
+    group-[&]/tag:-translate-y-1/2
+    group-[&]/tag:!w-[0.5em]
+    group-[&]/tag:aspect-[1/1]
+    group-[&]/tag:!text-inherit
   `,
   selectIcon: `
     text-$scale
@@ -271,8 +271,8 @@ export default {
     dark:data-[is-active]:bg-$accentColor-700
     dark:data-[is-active]:before:ring-$accentColor-400
 
-    group-[]/optgroup:first:before:!rounded-none
-    group-[]/optgroup:last:before:!rounded-none
+    group-[&]/optgroup:first:before:!rounded-none
+    group-[&]/optgroup:last:before:!rounded-none
   `,
   selectedIcon: `
     flex

src/inputs/form.ts

@@ -18,5 +18,5 @@ export default {
     dark:text-$colorTemperature-$colorTemperatureStrengthDark
   `,
   messages: ``,
-  message: `group-[]/summary:text-$scale(-1,*)`,
+  message: `group-[&]/summary:text-$scale(-1,*)`,
 };

src/inputs/pro/togglebuttons.ts

@@ -32,7 +32,7 @@ export default {
       buttons position within the group.
     */
     }
-    group-[]/option:!rounded-none
+    group-[&]/option:!rounded-none
 
     ${"" /** selectively add back and override rounding for first child */}
     group-data-[vertical=false]/options:group-first/option:!$radius
@@ -58,23 +58,23 @@ export default {
       then we need to selectively manage borders.
     */
     }
-    group-data-[vertical=false]/options:group-[]/option:!border-r-0
+    group-data-[vertical=false]/options:group-[&]/option:!border-r-0
     group-data-[vertical=false]/options:group-last/option:!border-r
 
-    group-data-[vertical=false]/options:group-[]/option:aria-[pressed=true]:border-x-$accentColor-$accentColorStrengthDark
+    group-data-[vertical=false]/options:group-[&]/option:aria-[pressed=true]:border-x-$accentColor-$accentColorStrengthDark
     group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-$accentColor-$accentColorStrength
     group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-$accentColor-$accentColorStrength
-    dark:group-data-[vertical=false]/options:group-[]/option:aria-[pressed=true]:border-x-$accentColor-$accentColorStrength
+    dark:group-data-[vertical=false]/options:group-[&]/option:aria-[pressed=true]:border-x-$accentColor-$accentColorStrength
     dark:group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-$accentColor-$accentColorStrengthDark
     dark:group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-$accentColor-$accentColorStrengthDark
     
-    group-data-[vertical=true]/options:group-[]/option:!border-b-0
+    group-data-[vertical=true]/options:group-[&]/option:!border-b-0
     group-data-[vertical=true]/options:group-last/option:!border-b
 
-    group-data-[vertical=true]/options:group-[]/option:aria-[pressed=true]:border-y-$accentColor-$accentColorStrengthDark
+    group-data-[vertical=true]/options:group-[&]/option:aria-[pressed=true]:border-y-$accentColor-$accentColorStrengthDark
     group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-$accentColor-$accentColorStrength
     group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-$accentColor-$accentColorStrength
-    dark:group-data-[vertical=true]/options:group-[]/option:aria-[pressed=true]:border-y-$accentColor-$accentColorStrength
+    dark:group-data-[vertical=true]/options:group-[&]/option:aria-[pressed=true]:border-y-$accentColor-$accentColorStrength
     dark:group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-$accentColor-$accentColorStrengthDark
     dark:group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-$accentColor-$accentColorStrengthDark
   `,