Responsive class names have no effect

[5ergiu]

In the tailwind documentation, it clearly states that class names shouldn't be build dynamically. This is obviously not the case for responsive classes.

For example, if we have a Box component and try to setup responsive class names for cols, gaps, etc. the dynamic class names will only be resolved if they already exist in the code without being added dynamically, if not, they do not work.

Possible solution:

• for Tailwind v3: we could include the classes in the safelit
• for Tailwind v4: there is no way, as of yet, to safelist classes, we could just add all the responsive variants for each gap and grid-cols class