Support Style Props for Svelte about panda

[astahmer]

ts-morph only supports ts(x) syntax
Panda supports svelte (and vue) by converting svelte DSL to a ts-friendly syntax so that ts-morph can parse it and generate valid AST nodes

from a quick look at the existing test, it seems like the {#each or {#if etc kind of blocks are messing with the AST
so, currently <Component css={{ color: 'red.100' }} /> isn't parsed correctly but wrapping that inside a <div> seems to fix the issue <div><Component css={{ color: 'red.100' }} /></div>
minimal repro here, without a wrapping ts-morph only sees JsxText
but with a <div> the AST looks good again (it's properly nested in JsxAttribute > Identifier etc)

feel free to make a PR to fix this for better support of style props in this svelteToTsx function

---

an alternative is to use hooks (parser:before and parser:after) to make your own parser and extract svelte style props however you want by using svelte tooling