tailwind-to-stylex v0.2.0

tw-to-stylex

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

TODO

• className={cn("m-1 text-red-500", prop.className)}
  • should become {..._stylex.props(styles.$1, prop.className)}
  • but is currently: {..._stylex.props(styles.$1)}
• There might multiple stylex imports, but it should be fine.
• 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