fix: ensure visit is called with correct state

Some of our `visit` calls have the wrong current state associated with it. To fix it, we need to pass the real current one.
fixes #11722

Author: dummdidumm

.changeset/flat-olives-live.md

@@ -0,0 +1,5 @@
+---
+"svelte": patch
+---
+
+fix: set correct scope for `@const` tags within slots

packages/svelte/src/compiler/phases/3-transform/client/visitors/template.js

@@ -1060,6 +1060,7 @@ function create_block(parent, name, nodes, context) {
 	/** @type {import('../types').ComponentClientTransformState} */
 	const state = {
 		...context.state,
+		scope: context.state.scopes.get(parent) ?? context.state.scope,
 		before_init: [],
 		init: [],
 		update: [],
@@ -1616,7 +1617,7 @@ function serialize_attribute_value(attribute_value, context) {
 
 /**
  * @param {Array<import('#compiler').Text | import('#compiler').ExpressionTag>} values
- * @param {(node: import('#compiler').SvelteNode) => any} visit
+ * @param {(node: import('#compiler').SvelteNode, state: any) => any} visit
  * @param {import("../types.js").ComponentClientTransformState} state
  * @returns {[boolean, import('estree').TemplateLiteral]}
  */
@@ -1661,13 +1662,13 @@ function serialize_template_literal(values, visit, state) {
 						id,
 						create_derived(
 							state,
-							b.thunk(/** @type {import('estree').Expression} */ (visit(node.expression)))
+							b.thunk(/** @type {import('estree').Expression} */ (visit(node.expression, state)))
 						)
 					)
 				);
 				expressions.push(b.call('$.get', id));
 			} else {
-				expressions.push(b.call('$.stringify', visit(node.expression)));
+				expressions.push(b.call('$.stringify', visit(node.expression, state)));
 			}
 			quasis.push(b.quasi('', i + 1 === values.length));
 		}

packages/svelte/tests/runtime-legacy/samples/component-slot-let-scope-5/Nested.svelte

@@ -0,0 +1 @@
+<slot name="inner" text="hello" />

packages/svelte/tests/runtime-legacy/samples/component-slot-let-scope-5/Nested2.svelte

@@ -0,0 +1 @@
+<slot name="footer" />

packages/svelte/tests/runtime-legacy/samples/component-slot-let-scope-5/_config.js

@@ -0,0 +1,7 @@
+import { test } from '../../test';
+
+export default test({
+	html: `
+	<div slot="footer">hello hello</div>
+	`
+});

packages/svelte/tests/runtime-legacy/samples/component-slot-let-scope-5/main.svelte

@@ -0,0 +1,13 @@
+<script>
+	import Nested from "./Nested.svelte"
+	import Nested2 from "./Nested2.svelte"
+</script>
+
+<Nested>
+	<Nested2 slot="inner" let:text>
+		<div slot="footer">
+			{@const text2 = text}
+			{text} {text2}
+		</div>
+	</Nested2>
+</Nested>