Breaks Blazor

This pretty much breaks Blazor on iOS Safari 15.5. Any styles defined by Blazor are removed on first render.

On a blank Blazor Server project add the **** tag and **code** tag to **MainLayout.razor** as seen below. Only after adding the javascript reference to **_Layout.cshtml** you'll see the background is no longer red on iOS Safari 15.5.

When I inspect the device remotely, I can see the root variables are removed. Sometimes you can see a slight flicker of red before the library kicks in.

```
@inherits LayoutComponentBase

<PageTitle>MobileContainerPolyfil</PageTitle>

<style type="text/css">
:root{
@BackgorundColor
}

body{
background: var(--bg-color);
}

@code
{
public string BackgorundColor { get; set; } = "--bg-color: red";
}

```

Reproduce the issue in MainLayout.razor with the shown style and code tags, then add the library reference in _Layout.cshtml and inspect the result on iOS Safari 15.5. Trace why the root variables disappear on first render and verify that the styles remain applied without a visible flicker.

Written by the indexing model from the issue text.