🐛 BUG: [TSX] Mapping issues related to end tags

[Princesseuh]

What version of @astrojs/compiler are you using?

0.27.0

What package manager are you using?

pnpm

What operating system are you using?

macOS

Describe the Bug

Here's a list of situations I could find where the mapping of end tags caused issues, all of them are extracted from the docs, so they're potential real scenarios:

<div class="TabBox">
	<div class="tab-bar">
		<div id="install-npm" class="active toggle"><h5>npm</h5></div>
		<div id="install-yarn" class="toggle"><h5>yarn</h5></div>
	</div>
</div>

Link to visualization

<span class:list={[`link pixel variant-${variant}`, className]} {style}>
	<a {href}>
		<span><slot /></span>
	</a>
</span>

Link to visualisation

<section class="integrations-nav">
	{
		categories.map((category) => (
			<CardsNav minimal links={category.links}>
				<h3>{category.title}</h3>
			</CardsNav>
		))
	}
</section>

Link to visualisation

	<HeadingWrapper>
		<h2 class="heading"><UIString key="rightSidebar.community" /></h2>
		{
			hideOnLargerScreens && (
				<svg
					class="chevron"
					xmlns="http://www.w3.org/2000/svg"
					viewBox="0 1 16 16"
					width="16"
					height="16"
					aria-hidden="true"
				>
					<path
						fill-rule="evenodd"
						d="M6.22 3.22a.75.75 0 011.06 0l4.25 4.25a.75.75 0 010 1.06l-4.25 4.25a.75.75 0 01-1.06-1.06L9.94 8 6.22 4.28a.75.75 0 010-1.06z"
					/>
				</svg>
			)
		}
	</HeadingWrapper>

Link to visualization

Link to Minimal Reproducible Example

N/A