CSS with media and disabled prop not processed

[bluwy]

Describe the bug

CSS linked via <link rel="stylesheet" href="./bla.css" media="screen" /> is not processed by default after #6751. I think it's still good as we provide a way for this to work with the caveat that PostCSS won't process them.

This issue is to track progress on processing these CSS files.

I've looked into it, and it seems harder than expected, since we need to pass the attribute info to chunk.viteMetadata.importedCss to properly re-generate the links. Currently it's only a list of strings, which isn't enough without making a breaking change, since it's public API.

Reproduction

https://stackblitz.com/edit/vitejs-vite-7sqny9?terminal=dev

System Info

Stackblitz

Used Package Manager

npm

Logs

No response

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guidelines.
• [X] Read the docs.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• [X] The provided reproduction is a minimal reproducible example of the bug.