🐛 BUG: Syntax colors are behaving strangely

[reggi]

Describe the Bug

Steps to Reproduce

make astro file with this content?

---
import '@/tweet.css';
import { expandTwitterShortenedUrlsRemoveTwitterAnchors } from '@/lib/cheerio'

export interface Props {
	id: string;
}
const { id } = Astro.props;

async function fetchTweet(id: string) {
	try {
		const oembedUrl = new URL('https://publish.twitter.com/oembed');
		oembedUrl.searchParams.set('url', id);
		oembedUrl.searchParams.set('omit_script', 'true');
		oembedUrl.searchParams.set('dnt', 'true');
		return (await fetch(oembedUrl).then((res) => res.json())) as {
			url: string;
			author_name: string;
			author_url: string;
			html: string;
		};
	} catch (e) {
		console.error(
			`[error]  astro-embed
         ${e.status} - ${e.statusText}: Failed to fetch tweet ${id}`
		);
	}
}

const tweet = await fetchTweet(id);
const html = (await expandTwitterShortenedUrlsRemoveTwitterAnchors(tweet?.html.replace(/twitter.com/g, 'nitter.net'))).html()
---

{tweet && <astro-embed-tweet set:html={html} />}