Preflight base styles is setting cursor:pointer by default on disabled buttons

[antoinebrault]

What version of Tailwind CSS are you using?
2.2.15

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

What version of Node.js are you using?
N/A

What browser are you using?
Chrome

What operating system are you using?
Windows

Reproduction URL
https://play.tailwindcss.com/SwdqLwDwtm

Describe your issue
disabled buttons have cursor:pointer by default.

base styles are setting cursor:pointer on button, [role="button"], but it shouldn't apply to disabled buttons. Chrome, Firefox & Edge all keep the default cursor on a disabled button.
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_button_disabled

// not sure if it should be
button:not(:disabled), 
[role="button"]:not(:disabled) {
  cursor: pointer;
}

// or
button, 
[role="button"] {
  cursor: pointer;
}
button:disabled, 
[role="button"]:disabled {
  cursor: default;
}

[adamwathan]

Hey! I think this would be an improvement thanks for suggesting, implemented a solution here:

#5772

Can't do this because the specificity of the selector is too high and you wouldn't be able to change the cursor with a utility:

button:disabled, 
[role="button"]:disabled {
  cursor: default;
}

[antoinebrault]

Thanks appreciate the quick resolution!