Stylesheet is duplicated on the Index page

[phenomen]

What version of astro are you using?

1.2.3

Are you using an SSR adapter? If so, which one?

None

What package manager are you using?

npm

What operating system are you using?

Windows, Linux

Describe the Bug

After build, stylesheet is placed in the head and in the middle of the body.

On Stackblitz it's reproducible on the index page (/) with

npm build
npm preview

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-xkmtka?file=src/pages/index.mdx

Participation

• I am willing to submit a pull request for this issue.

[rishi-raj-jain]

This seems like a bigger issue. I was trying this and found that the output generated doesn't even have a html, body and head tags unless inserted in layouts or pages. Shouldn't we be creating those if not found?

[matthewp]

We don't create them, but we still should be injected the stylesheets. I assume this is something to do with how MDX works, i'll take a look.

[matthewp]

This was a fun one, cc @rishi-raj-jain see #4892