fix(css): fix inline query injection for CSS inlining

[sapphi-red]

Changes

Fixed how the inline query is injected for CSS inlining.
The previous code injected the inline query at the end and injected unnecessary = after queries without values. This was incompatible with plugin-vue resulting in this workaround.

astro/packages/astro/src/vite-plugin-astro-server/css.ts

Lines 45 to 49 in 5d7bc70

	// Some CSS modules, e.g. from Vue files, may not work with the ?inline query.
	// If so, we fallback to a url instead
	if (modId.includes('.module.')) {
	importedCssUrls.add(importedModule.url);
	}

The new code injects the inline query at the beginning and doesn't inject =.

This PR also fixes the tests failing with Vite 6 (envrionment API).
https://discord.com/channels/804011606160703521/1278362001437102163/1280816490655907863

I didn't add a changeset because this doesn't change user-facing behavior.

refs #9531

Testing

Updated a test

Docs

N/A since this is a bug fix.

[changeset-bot]

⚠️ No Changeset found

Latest commit: ca276c2

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[bluwy]

Looks great! Exactly how I imagined the fix would be when checking the bug.