How to reproduce: ``` a { background-color: white; &:link { color: navy }; &:visited { color: firebrick }; &:hover { background-color: color-mix(in srgb, currentColor, white 75%); }; } ``` Currently with this code, `currentColor` inherits `navy` instead of the expected `firebrick`. I know these pseudo-classes come with several restrictions due to privacy concerns, however I don't think they are relevant here since `currentColor` works as expected when not using `color-mix()`. Furthermore this issue does not seem to occur in Chrome or Firefox.
<rdar://problem/112419198>
Created attachment 467368 [details] Testcase
Created attachment 467369 [details] Testcase
Pull request: https://github.com/WebKit/WebKit/pull/16928
Committed 267271@main (7b938d011b0e): <https://commits.webkit.org/267271@main> Reviewed commits have been landed. Closing PR #16928 and removing active labels.