Tailwindcss Plugin `data-animate` and `data-visible` not correct

[xhanl]

Describe the bug

When we use ui-animate or ui-visible, the tailwind plugin will generate &[data-animate] or &[data-visible]. But the component like Skeleton only work with &[data-animate="true"] and &[data-visible="true"].

To Reproduce

1. Create a Skeleton component.
2. Create some style with tailwind, ui-animate or ui-visible not work.
3. Replace ui-animate to [&[data-animate=true]] or ui-visible to [&[data-visible=true]], work as expect.

Expected behavior

• ui-animateshould work when the Skeleton can animate.
• ui-visible should work when the Skeleton is visible.

Screenshots Kobalte Skeleton Example, the css use [data-animate="true"] or [data-visible="true"].

Tailwind plugin, the ui-animate or ui-visible will generate &[data-animate] or &[data-visible].

Desktop (please complete the following information):

• OS: Macos 14.5 (23F79)
• Browser: Safari
• Version:
  • @kobalte/[email protected]
  • @kobalte/[email protected]

[jer3m01]

This looks like an implementation difference from Skeleton, I'll try to make it the same as all others.