Tailwind v3 supports [data attributes](https://tailwindcss.com/docs/hover-focus-and-other-states#data-attributes), e.g. ```html <div data-size="large" class="data-[size=large]:p-8"> <!-- ... --> </div> ``` These are useful for libraries like [Radix UI](https://www.radix-ui.com/docs/primitives/overview/introduction) that uses [data attributes](https://www.radix-ui.com/docs/primitives/overview/styling#data-attributes) for state-based styling. Perhaps a syntax like `tw.data("size=large", tw.p_8)` would work.