Styled-jsx: use classes from 'utility libraries' like tailwindcss in styled-jsx

[ryandeussing]

I'd like to do something like what babel-plugin-tailwind or tachyons-js makes possible, namely using utility classes from a library like tailwindcss directly in my components.

I've gone down a rabbit hole trying to understand what is necessary to make that possible with styled-jsx and would appreciate any suggestions.

[ryandeussing]

I'm closing this b/c I see that using examples/with-tailwindcss I can use className and it just works.

[AryanJ-NYC]

For those of you that stumbled upon this and wished there was a link to the example mentioned above:

https://github.com/zeit/next.js/tree/canary/examples/with-tailwindcss

[oldo]

For those that still want to use @apply in styled-jsx blocks, see here: https://github.com/tailwindlabs/tailwindcss/issues/1234#issuecomment-631817677