Advice handling transition-property errors.

I’ve Googled enough to find the various issues filed pertaining to this over the years. I know that the general advice is just not to use transition-* in favor of the transition shorthand.

That said, I am working on overhauling an enterprise project that is three years old. There are currently 914 instances of transition-property, and from what I have seen, each one has the same siblings, such as:

.example {
        transition-duration: 100ms;
        transition-property: font-size, color, padding;
        transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

Needless to say, I probably won’t be allotted the bandwidth to go through and replace each one with the correct transition shorthand, but I need autoprefixer to be a part of this build improvement.

While a solution would be nice (maybe a plugin that will get me past this error?), any advice would be appreciated.

[sauron918]

Just for those who facing the error “autoprefixer: Replace transition-property to transition, because Autoprefixer could not support any cases of transition-property and other transition-*”.

In my case it was enough to slightly change the browserslist specification in package.json:

"browserslist": {
    "production": [
      ">0.2%",  → ">0.3%"
      ...
    ],

[colshacol]

For future reference.

https://www.npmjs.com/package/postcss-ignore-transition-properties