Tailwind CSS v4 utilities overridden by Quasar component styles

What happened?

When integrating Tailwind CSS v4 into a Quasar v2+ SPA, Quasar’s core component styles always win over my Tailwind utilities. For example:

<q-card class="bg-red-900">
  <!-- … -->
</q-card>

renders with a white background because Quasar ships:

.q-card {
  background: white;
}

I don’t want to sprinkle !important or add custom selectors throughout a large project.

What did you expect to happen?

The bg-red-900 utility should apply a red background to without using !important.

Reproduction URL

https://stackblitz.com/~/github.com/devfawzey/quasar_tailwindcssv4

Platforms/Browsers

Chrome