fix: fix css skip

Author: hi-ogawa

packages/plugin-rsc/examples/basic/src/routes/css-queries/client-inline.css

@@ -1,4 +1,3 @@
 .test-css-inline-client {
-  padding: 8px;
-  margin: 4px;
+  color: rgb(255, 50, 0);
 }

packages/plugin-rsc/examples/basic/src/routes/css-queries/client-raw.css

@@ -1,3 +1,3 @@
 .test-css-raw-client {
-  font-weight: bold;
+  color: rgb(255, 0, 0);
 }

packages/plugin-rsc/examples/basic/src/routes/css-queries/client-url.css

@@ -1,3 +1,3 @@
 .test-css-url-client {
-  border: 2px solid rgb(0, 0, 255);
+  color: rgb(255, 100, 0);
 }

packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx

@@ -3,10 +3,22 @@
 import cssUrl from './client-url.css?url'
 import cssInline from './client-inline.css?inline'
 import cssRaw from './client-raw.css?raw'
+import React from 'react'
 
 export function TestCssQueriesClient() {
+  const [enabled, setEnabled] = React.useState(false)
   return (
     <div>
+      <button onClick={() => setEnabled(!enabled)}>
+        test-css-queries-client
+      </button>
+      {enabled && (
+        <>
+          <link rel="stylesheet" href={cssUrl} />
+          <style>{cssInline}</style>
+          <style>{cssRaw}</style>
+        </>
+      )}
       <div className="test-css-url-client">test-css-url-client: {cssUrl}</div>
       <div className="test-css-inline-client">
         test-css-inline-client:{' '}

packages/plugin-rsc/examples/basic/src/server.tsx

@@ -26,7 +26,7 @@ export default async function handler(request: Request): Promise<Response> {
       `default-src 'self';`,
       // `unsafe-eval` is required during dev since React uses eval for findSourceMapURL feature
       `script-src 'self' 'nonce-${nonce}' ${import.meta.env.DEV ? `'unsafe-eval'` : ``};`,
-      `style-src 'self' 'nonce-${nonce}';`,
+      `style-src 'self' 'unsafe-inline';`,
       // allow blob: worker for Vite server ping shared worker
       import.meta.hot && `worker-src 'self' blob:;`,
     ]

packages/plugin-rsc/src/plugin.ts

@@ -1684,7 +1684,10 @@ export function vitePluginRscCss(
       }
       for (const next of mod?.importedModules ?? []) {
         if (next.id) {
-          if (isCSSRequest(next.id) && !hasSpecialCssQuery(next.id)) {
+          if (isCSSRequest(next.id)) {
+            if (hasSpecialCssQuery(next.id)) {
+              continue
+            }
             cssIds.add(next.id)
           } else {
             recurse(next.id)