fix: correctly prune CSS for elements inside snippets

.changeset/popular-dogs-exist.md

@@ -0,0 +1,5 @@
+---
+'svelte': patch
+---
+
+fix: correctly prune CSS for elements inside snippets

packages/svelte/src/compiler/phases/2-analyze/css/css-prune.js

@@ -201,16 +201,19 @@ function apply_combinator(relative_selector, parent_selectors, rule, node) {
 				const parent = path[i];
 
 				if (parent.type === 'SnippetBlock') {
-					if (seen.has(parent)) return true;
-					seen.add(parent);
+					if (seen.has(parent)) {
+						parent_matched = true;
+					} else {
+						seen.add(parent);
 
-					for (const site of parent.metadata.sites) {
-						if (apply_combinator(relative_selector, parent_selectors, rule, site)) {
-							return true;
+						for (const site of parent.metadata.sites) {
+							if (apply_combinator(relative_selector, parent_selectors, rule, site)) {
+								parent_matched = true;
+							}
 						}
 					}
 
-					return false;
+					break;
 				}
 
 				if (parent.type === 'RegularElement' || parent.type === 'SvelteElement') {

packages/svelte/tests/css/samples/render-tag-loop/expected.css

@@ -1,5 +1,5 @@
 
-	div div.svelte-xyz {
+	div.svelte-xyz div:where(.svelte-xyz) {
 		color: green;
 	}
 	/* (unused) div + div {

packages/svelte/tests/css/samples/snippets-elements/expected.css

@@ -0,0 +1,4 @@
+
+	x.svelte-xyz y:where(.svelte-xyz) {
+		color: green;
+	}

packages/svelte/tests/css/samples/snippets-elements/input.svelte

@@ -0,0 +1,13 @@
+{#snippet foo()}
+	<x>
+		<y></y>
+	</x>
+{/snippet}
+
+{@render foo()}
+
+<style>
+	x y {
+		color: green;
+	}
+</style>