fix(ssr): slightly address slots not at top level (#4997)

slightly break context providers

Author: wjhsf

packages/@lwc/ssr-compiler/src/__tests__/utils/expected-failures.ts

@@ -17,20 +17,17 @@ export const expectedFailures = new Set([
     'attribute-namespace/index.js',
     'attribute-style/basic/index.js',
     'attribute-style/dynamic/index.js',
-    'dynamic-slots/index.js',
+    'context-slotted/index.js',
     'exports/component-as-default/index.js',
-    'if-conditional-slot-content/index.js',
     'known-boolean-attributes/default-def-html-attributes/static-on-component/index.js',
     'render-dynamic-value/index.js',
     'scoped-slots/advanced/index.js',
     'scoped-slots/expression/index.js',
     'scoped-slots/mixed-with-light-dom-slots-inside/index.js',
     'scoped-slots/mixed-with-light-dom-slots-outside/index.js',
     'slot-forwarding/scoped-slots/index.js',
-    'slot-not-at-top-level/advanced/ifTrue/shadow/index.js',
     'slot-not-at-top-level/advanced/lwcIf/light/index.js',
     'slot-not-at-top-level/advanced/lwcIf/shadow/index.js',
-    'slot-not-at-top-level/ifTrue/shadow/index.js',
     'slot-not-at-top-level/lwcIf/light/index.js',
     'slot-not-at-top-level/lwcIf/shadow/index.js',
     'superclass/render-in-superclass/no-template-in-subclass/index.js',

packages/@lwc/ssr-compiler/src/compile-template/index.ts

@@ -55,9 +55,7 @@ const bExportTemplate = esTemplate`
         if (!isLightDom) {
             yield '</template>';
             if (shadowSlottedContent) {
-                // instance must be passed in; this is used to establish the contextful relationship
-                // between context provider (aka parent component) and context consumer (aka slotted content)
-                yield* shadowSlottedContent(instance);
+                yield* shadowSlottedContent();
             }
         }
     }

packages/@lwc/ssr-compiler/src/compile-template/transformers/component/slotted-content.ts

@@ -34,10 +34,7 @@ import type { TransformerContext } from '../../types';
 
 const bGenerateSlottedContent = esTemplateWithYield`
         const shadowSlottedContent = ${/* hasShadowSlottedContent */ is.literal}
-            ? async function* generateSlottedContent(instance) {
-                // The 'instance' variable is shadowed here so that a contextful relationship
-                // is established between components rendered in slotted content & the "parent"
-                // component that contains the <slot>.
+            ? async function* generateShadowSlottedContent() {
                 ${/* shadow slot content */ is.statement}
             } 
             // Avoid creating the object unnecessarily