fix: ignore style tag inside script tag

#2104

Author: dummdidumm

packages/svelte2tsx/src/utils/htmlxparser.ts

@@ -73,7 +73,18 @@ function extractTag(htmlx: string, tag: 'script' | 'style') {
 }
 
 function findVerbatimElements(htmlx: string) {
-    return [...extractTag(htmlx, 'script'), ...extractTag(htmlx, 'style')];
+    const styleTags = extractTag(htmlx, 'style');
+    const tags = extractTag(htmlx, 'script');
+    for (const styleTag of styleTags) {
+        // Could happen if someone has a `<style>...</style>` string in their script tag
+        const insideScript = tags.some(
+            (tag) => tag.start < styleTag.start && tag.end > styleTag.end
+        );
+        if (!insideScript) {
+            tags.push(styleTag);
+        }
+    }
+    return tags;
 }
 
 function blankVerbatimContent(htmlx: string, verbatimElements: Node[]) {

packages/svelte2tsx/test/svelte2tsx/samples/style-in-script/expectedv2.ts

@@ -0,0 +1,15 @@
+///<reference types="svelte" />
+;function render() {
+
+	const config = { branding: { primaryColor: '#012345' } },
+		branding = config?.branding;
+
+	const cssString = `<style>:root {--primary-color: ${
+		branding?.primaryColor ?? '#ABCDEF'
+	};}</style>`;
+;
+async () => {};
+return { props: /** @type {Record<string, never>} */ ({}), slots: {}, events: {} }}
+
+export default class Input__SvelteComponent_ extends __sveltets_2_createSvelte2TsxComponent(__sveltets_2_partial(__sveltets_2_with_any_event(render()))) {
+}

packages/svelte2tsx/test/svelte2tsx/samples/style-in-script/input.svelte

@@ -0,0 +1,8 @@
+<script>
+	const config = { branding: { primaryColor: '#012345' } },
+		branding = config?.branding;
+
+	const cssString = `<style>:root {--primary-color: ${
+		branding?.primaryColor ?? '#ABCDEF'
+	};}</style>`;
+</script>