tw-to-stylex

A simpler code translator to convert code using Tailwind to code using StyleX

TODO

[x] className={cn("m-1 text-red-500", prop.className)}
- should become {..._stylex.props(styles.$1, prop.className)}
- but is currently: {..._stylex.props(styles.$1)}
[x] There might multiple stylex imports, but it should be fine.
[x] It'll insert a second stylex.create call even when one exists
[-] Support this pattern: <div className={cn(hidden lg:inline-flex text-[${tokens.textColor}])} />
[ ] Add and use a custom tw function to behave like stylex.atom().
[ ] A Babel plugin for style:x={} instead of a spread