Automatic or utility transition classes

Some utility classes such as `.opacity-100` would seemingly almost always benefit from a transition being added to it. `transition: opacity $animate-speed`.

The problems occur with the fact that transitions don't add to each other but instead overrule the past rules:
```
transition: opacity 1s;
transition: transform 1s;
```
is not equivalent to
`transition: opacity 1s, transform 1s;`

Should a transition be automatically be added to certain utility classes like `,opacity-100`, `.opacity-0`, and `.rotate-180`? Or perhaps there are transition utility classes like `.transition-opacity`?

Review the utility classes named in the issue, including .opacity-100, .opacity-0, and .rotate-180, along with the transition declarations shown. Done means establishing whether transitions should be added automatically or exposed through separate transition utility classes.

Written by the indexing model from the issue text.