v3.0.10 breaks specificity when used with Vue scoped style

What version of Tailwind CSS are you using?

For example: v3.0.10

What build tool (or framework if it abstracts the build tool) are you using?

postcss-cli 8.4.5, “@nuxt/postcss8”: “1.1.3”, “nuxt-start”: “2.15.8”,

What version of Node.js are you using?

v14.16.1

What browser are you using?

For example: Chrome

What operating system are you using?

For example: macOS

Describe your issue

After upgrading from v2 to v3 our shadows no longer work locally (so I know it’s not a production purge css issue).

I think the utility specific styles are being overridden by global reset ones?

<div
    class="flex flex-col flex-auto rounded"
    :class="{ 'bg-white shadow': !transparent }"
  >

[reinink]

Hey all, thanks for reporting this 🙏

We’re working on a proper fix, but in the meantime we’ve rolled back the change the caused this issue and have released a v3.0.11 version.

[ednar28]

btw it’s working for me when I’m using tailwindcss v.3.0.9