The base style `abbr[title]` has high specificity

[neupauer]

What version of Tailwind CSS are you using?

v3.0.1

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

doesn't matter

What version of Node.js are you using?

doesn't matter

What browser are you using?

applies to all

What operating system are you using?

macOS

Reproduction URL

https://play.tailwindcss.com/vZuq40tVV7

Describe your issue

The base style abbr[title] has high specificity and cannot be modified with utilities like .decoration-solid etc.

tailwindcss/src/css/preflight.css

Lines 57 to 63 in e8e64f0

	/*
	Add the correct text decoration in Chrome, Edge, and Safari.
	*/
	abbr[title] {
	text-decoration: underline dotted;
	}

It's necessary to reduce the specificity with e.g. :where

[reinink]

Hey thanks for bringing this to our attention. I've made a little tweak to Preflight as you suggested, using :where() 👍