JSX is so good because it's an effective language extension, but CSS-in-JS still feels like a dirty mess, everything just becomes strings in objects, it just takes the elegance of the CSS syntax and throws it out the window.
Like, look at this:
const styles = stylex.create({
base: {
width: {
default: 800,
'@media (max-width: 800px)': '100%',
},
},
});
Hmmmm