mix returns NaN values at extremes with fully transparent colors

[delucis]

When using the mix function with a colour that is fully transparent, it returns a value of "rgba(NaN, NaN, NaN, 0)" if the weight is fully at the transparent end of the two colors. Some examples:

// Not OK — these all return "rgba(NaN, NaN, NaN, 0)"
mix('red', 'transparent', 1);
mix('transparent', 'red', 0);
mix('rgba(0, 0, 0, 0)', 'red', 0);
mix('red', 'rgba(0, 0, 0, 0)', 1);

As soon as the colour is not fully transparent, or the weight is not at the extreme end of its range, the values are valid.

// OK
mix('rgba(0, 0, 0, 0.01)', 'red', 0); // "rgba(0, 0, 0, 0.01)"
mix('transparent', 'red', 0.01); // "rgba(255, 0, 0, 0.01)"

Curiously, the even edgier case of a transparent–transparent gradient works fine:

// Also OK
mix('transparent', 'transparent', 0); // "rgba(0, 0, 0, 0)"

I’m guessing there’s a divide by zero error somewhere maybe.

[github-actions]

🎉 This issue has been resolved in version 1.2.5 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀