tailwindlabs / tailwindcss

A utility-first CSS framework for rapid UI development.
https://tailwindcss.com/
MIT License
83.27k stars 4.22k forks source link

Improve `in-*` variant migrations #15054

Closed RobinMalfait closed 2 days ago

RobinMalfait commented 2 days ago

While testing the codemods on some projects, I noticed some issues with the migration to the new in-* variant.

One such example is that we checked for & at the end, instead of & (the whitespace is significant).

This meant that [figure>&]:my-0 was converted to in-[figure>]:my-0 which is wrong. In this case, we want to keep it as [figure>&]:my-0.

Additionally this PR brings back the migration from group-[]:flex to in-[.group]:flex. If you are using a prefix, then group-[]:tw-flex is migrated to tw:in-[.tw\:group]:flex.

Last but not least, this does some internal refactors to group migrations logically together.