CSS <link> order

[kornifex]

Hi! I recently added react-dsfr in my project and encountered several issues. I resolved some of them by overriding certain styles (see this issue) but have one I'm failing to solve by myself. My project is bundled by Vite and uses Tailwind + custom css. Both are bundled in a single stylesheet that's added to the head of my page. The issue is that the DSFR stylesheet gets appended to the head after my stylesheet and though gets precedence specifity-wise. I'd love to manually add the minified DSFR stylesheet and have my CSS resolve in a more natural order (DSFR -> Tailwind (during the transition period) -> Custom CSS) without having to overload my selectors.

Do you have any idea how this could be done with some rollup config maybe?

Thanks you and have a good day!