Inconsistent CSS positions for components between the dev and node adapter

Describe the bug

I have global styles in the <svelte:head> for the main +layout.svelte.
On the dev env, the components <styles> put after main <svelte:head> but adapter-node inject it before <svelte:head>. As you can understand, style and behavior depend on order, and some of my rules are not working as I expected.

Reproduction

Compare CSS position for dev and adapter-node relative <svelte:head>.

Logs

No response

System Info

System:
    OS: Linux 5.19 Gentoo Linux
    CPU: (24) x64 AMD Ryzen 9 5900X 12-Core Processor
    Memory: 5.70 GB / 31.26 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 18.11.0 - /usr/bin/node
    npm: 8.19.2 - /usr/bin/npm
  npmPackages:
    @sveltejs/adapter-node: 1.0.0-next.99 => 1.0.0-next.99 
    @sveltejs/adapter-static: 1.0.0-next.46 => 1.0.0-next.46 
    @sveltejs/kit: 1.0.0-next.526 => 1.0.0-next.526 
    @sveltejs/svelte-virtual-list: github:sveltejs/svelte-virtual-list => 3.0.1 
    svelte: 3.52.0 => 3.52.0 
    vite: ^3.2.1 => 3.2.1

Severity

blocking all usage of SvelteKit

Additional Information

No response

Start with the main +layout.svelte <svelte:head> styles and the packages/adapter-node entry point. Compare the generated CSS placement relative to <svelte:head> in the dev environment and adapter-node, then verify that both environments use the same ordering.