🐛 BUG: not support space or multiple line on class when using css-in-js library

[d-strygwyr]

Describe the Bug

I'm using Panda Css, but when im declare like this

---
import { css } from '.../styled/css'
---

<main class={css({})}> // <- don't have space the types is working
</main>

---
import { css } from '.../styled/css'
---

<main class={css({ })}> // <- have space the types have gone, and showing the HTMLAttribute instead of types from panda
</main>

---
import { css } from '.../styled/css'
---

<main class={css({

})}> // <- have entered the types has gone, and showing the HTMLAttribute instead of types from panda too
</main>

---
import { css } from '.../styled/css'
---

<main class={css({color:'red.100', })}> // <- have space after coma the types have gone, and showing the HTMLAttribute instead of types from panda too
</main>

bandicam.2023-09-11.16-55-49-630.mp4

Steps to Reproduce

1. npm init astro using template
2. npm install pandacss
3. Follow the instructions in the documentation
4. implement on .astro extention

[Princesseuh]

This is highly likely not specific to this particular library, often this is because the HTML parser doesn't really understand that the current context isn't really HTML

[Princesseuh]

This is caused by how the compiler collapse things when generating TSX, the cursor in the generated code isn't exactly at the same position, which is causing TS completions to be different than expected.