fix(rsc): remove duplicate server css on initial render

[hi-ogawa]

Description

• Closes Avoid duplicate css during dev due to server rendered <link> and client inline <style> #677 (comment)
• Closes fix(rsc): remove duplicate server component css link #681 (supersedes)

The another PR #681 was removing too early and React ended up injected them on CSR. This PR delays until first useEffect. This is a similar approach as React router https://github.com/remix-run/react-router/blob/166fd940e7d5df9ed005ca68e12de53b1d88324a/packages/react-router/lib/dom-export/hydrated-router.tsx#L245-L274.

TODO

• test
  • there's no duplicate after CSR
  • there's no duplicate after re-render

[Copilot]

Pull Request Overview

This PR fixes a CSS duplication issue in React Server Components by removing duplicate server-side CSS on initial render in development mode. The fix addresses a specific issue where server-generated CSS links were duplicated in the client.

• Adds a virtual plugin that creates a client component to remove duplicate CSS links
• Conditionally includes the CSS removal component only in development mode
• Integrates the removal component into the Resources function for proper execution

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/@vitejs/plugin-react@702

npm i https://pkg.pr.new/@vitejs/plugin-react-oxc@702

npm i https://pkg.pr.new/@vitejs/plugin-rsc@702

npm i https://pkg.pr.new/@vitejs/plugin-react-swc@702

commit: ae05b93