fix: only run DOM operations in the client when there is a document (#17570)

[schontz]

Description

Fixes #17570

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[sapphi-red]

I think we need a warning that tells importing CSS inside worker does not work.

[sapphi-red]

I think the only change needed is this line?

[schontz]

Why would we only change this line? There are many DOM operations that will fail in workers, so it seemed best to make each one of them safe. Even if some may be safe today (e.g., first hasDocument check prevents others from running), if the code paths change at all they will throw errors as well.

[sapphi-red]

Hmm, that's true. I actually forgot about this line.

vite/packages/vite/src/node/plugins/css.ts

Line 522 in a577828

`import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from ${JSON.stringify(

While I think adding hasDocument check everywhere feels error prone as well, I think it's fine for now.

[schontz]

I ran prettier and created another commit but the linter still fails. Not sure what to do.

[sapphi-red]

I ran prettier and created another commit but the linter still fails. Not sure what to do.

Probably you need to run pnpm i before running pnpm format.