Replace use of isCSSRequest

packages/astro/src/core/build/plugins/plugin-css.ts

@@ -2,7 +2,7 @@ import * as crypto from 'node:crypto';
 import * as npath from 'node:path';
 import type { GetModuleInfo } from 'rollup';
 import { Plugin as VitePlugin, ResolvedConfig, transformWithEsbuild } from 'vite';
-import { isCSSRequest } from '../../render/util.js';
+import { isBuildableCSSRequest } from '../../render/dev/util.js';
 import type { BuildInternals } from '../internal';
 import type { AstroBuildPlugin } from '../plugin';
 import type { PageBuildData, StaticBuildOptions } from '../types';
@@ -66,7 +66,7 @@ export function rollupPluginAstroBuildCSS(options: PluginOptions): VitePlugin[]
 					after(id, meta) {
 						// For CSS, create a hash of all of the pages that use it.
 						// This causes CSS to be built into shared chunks when used by multiple pages.
-						if (isCSSRequest(id)) {
+						if (isBuildableCSSRequest(id)) {
 							for (const [pageInfo] of walkParentInfos(id, {
 								getModuleInfo: meta.getModuleInfo,
 							})) {

packages/astro/src/core/render/dev/css.ts

@@ -3,7 +3,7 @@ import type { ModuleLoader } from '../../module-loader/index';
 import path from 'path';
 import { RuntimeMode } from '../../../@types/astro.js';
 import { viteID } from '../../util.js';
-import { STYLE_EXTENSIONS } from '../util.js';
+import { isCSSRequest } from './util.js';
 import { crawlGraph } from './vite.js';
 
 /** Given a filePath URL, crawl Vite’s module graph to find all style imports. */
@@ -16,8 +16,7 @@ export async function getStylesForURL(
 	const importedStylesMap = new Map<string, string>();
 
 	for await (const importedModule of crawlGraph(loader, viteID(filePath), true)) {
-		const ext = path.extname(importedModule.url).toLowerCase();
-		if (STYLE_EXTENSIONS.has(ext)) {
+		if (isCSSRequest(importedModule.url)) {
 			let ssrModule: Record<string, any>;
 			try {
 				// The SSR module is possibly not loaded. Load it if it's null.

packages/astro/src/core/render/dev/util.ts

@@ -0,0 +1,9 @@
+import { isCSSRequest } from 'vite';
+
+const rawRE = /(?:\?|&)raw(?:&|$)/;
+const inlineRE = /(?:\?|&)inline\b/;
+
+export { isCSSRequest };
+
+export const isBuildableCSSRequest = (request: string): boolean => isCSSRequest(request) &&
+	!rawRE.test(request) && !inlineRE.test(request);

packages/astro/src/core/render/dev/vite.ts

@@ -4,7 +4,7 @@ import npath from 'path';
 import { PROPAGATED_ASSET_FLAG } from '../../../content/consts.js';
 import { SUPPORTED_MARKDOWN_FILE_EXTENSIONS } from '../../constants.js';
 import { unwrapId } from '../../util.js';
-import { STYLE_EXTENSIONS } from '../util.js';
+import { isCSSRequest } from './util.js';
 
 /**
  * List of file extensions signalling we can (and should) SSR ahead-of-time
@@ -43,7 +43,7 @@ export async function* crawlGraph(
 		}
 		if (id === entry.id) {
 			scanned.add(id);
-			const entryIsStyle = STYLE_EXTENSIONS.has(npath.extname(id));
+			const entryIsStyle = isCSSRequest(id);
 			for (const importedModule of entry.importedModules) {
 				// some dynamically imported modules are *not* server rendered in time
 				// to only SSR modules that we can safely transform, we check against
@@ -57,7 +57,7 @@ export async function* crawlGraph(
 					// Tools like Tailwind might add HMR dependencies as `importedModules`
 					// but we should skip them--they aren't really imported. Without this,
 					// every hoisted script in the project is added to every page!
-					if (entryIsStyle && !STYLE_EXTENSIONS.has(npath.extname(importedModulePathname))) {
+					if (entryIsStyle && !isCSSRequest(importedModulePathname)) {
 						continue;
 					}
 					if (fileExtensionsToSSR.has(npath.extname(importedModulePathname))) {