Importing sass from external files

[tmyers101]

Does this package include support for importing sass from external files and inputting it into style jsx tags, similar to https://github.com/vercel/styled-jsx#styles-outside-of-components?

[theoludwig]

Hey! 👋 @tmyers101

Yes, it should work.
It could be great if you can confirm that it actually works. 😄

[tmyers101]

I just tried it and sadly can't get it to work. I am using a template literal in an external file and writing SCSS (see attached [code). I am importing it into a NextJS component and using this syntax: <style jsx>{styles}</style> in the jsx. The main issue I can see is that the jsx classes that are being added to the elements are 'jsx-undefined', which is affecting the nesting (see other attached).