[next.js] Support non-Babel mode: SWC

[oliviertassinari]

Summary

Same use case as https://twitter.com/t3dotgg/status/1790897260731224322

Examples

No response

Motivation

• Related to https://react-conf-2024-pigment-css.netlify.app/?presenterMode=true&slideIndex=29&stepIndex=0.
• This is precisely why @siddharthkp / GitHub in https://portal.gitnation.org/contents/moving-on-from-runtime-css-in-js-at-scale went the opposite direction, toward CSS Modules. It feels like Pigment CSS has a purpose if we move toward fixing this. So it feels binary: we find a solution or we give up on Pigment CSS. I'm hopeful that the React Compiler can pave the way for us to make this work.
• Growing in popularity https://2023.stateofjs.com/en-US/libraries/build_tools/

Search keywords: -

[o-alexandrov]

Isn’t it a duplicate of https://github.com/Anber/wyw-in-js/issues/69 ?

• since pigment-css uses wyw-in-js

and this issue is not exclusive to next.js, it’s applicable to vite and any other bundler in the future

[oliviertassinari]

I think it's nice to have both issues, there isn't necessary a direct correlation between the two.