Include outline-color in default color properties to transition

[adamwathan]

This PR updates the default transition and transition-colors classes to include the outline-color property. More important now than it has been historically since it follows the border radius in browsers nowadays and people are using outline for lots of things they might have used a border or box-shadow for in the past.

[rainerborene]

I don't think this is a good default because @tailwindcss/forms includes outline properties on form elements which is causing this strange "border" animation:

Screencast.from.02-12-2023.01.41.56.PM.webm

You can test it by adding transition to input fields and also use @tailwindcss/forms.

[xt0rted]

I just ran into the same issue as @rainerborene. Most, if not all, of my inputs had focus:outline-none and had to be switched to outline-none to stop the extra outline from showing. I had to do the same to some of my buttons since they were doing the same thing in some instances.

[zepfietje]

We're also running into this in the @filamentphp framework.
Users have started reporting this issue recently.

Any thoughts on reverting this change for now, @adamwathan?

[Quadrubo]

This issue also appears on a default Laravel Jetstream installation.

[thisisjamessmith]

I'd consider this a breaking change, personally. (Good idea though, I like it!)