🐛 BUG: Expression with leading comments get garbled on formatting

[Princesseuh]

Describe the Bug

Found while running the plugin on the docs, the following:

{
	// For best cross-browser support of sticky or fixed elements, they must not be nested
	// inside elements that hide any overflow axis. The article content hides `overflow-x`,
	// so we must place the mobile TOC here.
	headers && (
		<nav class="mobile-toc">
			<TableOfContents
				client:media="(max-width: 72em)"
				headers={headers}
				labels={{ onThisPage: t('rightSidebar.onThisPage'), overview: t('rightSidebar.overview') }}
				isMobile={true}
			/>
		</nav>
	)
}

gets transformed to:

{For best cross-browser support of sticky or fixed elements, they must not be nested
	/
inside elements that hide any overflow axis. The article content hides `overflow-x`,
	/
so we must place the mobile TOC here.
	h
headers && (
	<nav class="mobile-toc">
		<TableOfContents
			client:media="(max-width: 72em)"
			headers={headers}
			labels={{ onThisPage: t('rightSidebar.onThisPage'), overview: t('rightSidebar.overview') }}
			isMobile={true}
		/>
	</nav>
)}

This kills the component.

What's expected

{
  // For best cross-browser support of sticky or fixed elements, they must not be nested
  // inside elements that hide any overflow axis. The article content hides `overflow-x`,
  // so we must place the mobile TOC here.
  headers && (
    <nav class="mobile-toc">
      <TableOfContents
        client:media="(max-width: 72em)"
        headers={headers}
        labels={{
          onThisPage: t("rightSidebar.onThisPage"),
          overview: t("rightSidebar.overview"),
        }}
        isMobile={true}
      />
    </nav>
  )
}

Steps to Reproduce

1. Create an expression with a comment in it on the first lines and any content below
2. Format
3. Everything is broken!