[Bug]: TSRX `<style>` element inside an expression emits unexpected css

[mizulu]

Issue Category

Compilation Bug

Bug Description

without the {} around the <style> tag

side note
if we nest the <style> tag in other elements under the top level fragment
the style that is emitted is the same as if it was declared top level ( different hash but all styles are detected as used)

Reproduction Steps

pinned playground

unpinned playground

Environment

Additional Context

No response

Checklist

• I've searched for existing issues
• I'm willing to help implement a fix

[aleclarson]

I don't think this is a bug, since <style> expression isn't valid JSX.

[leonidaz]

we should not allow <style> in expressions

[mizulu]

I think we that we should, and it should be treated the same as if we assigned it as a variable

this

let a = <style>...</style>
<><div></div>{a}</>

should be the same as

<><div></div>{<style>...</style>}</>

by the laws of substitution