FF & Chrome "dialog close" icon has poor contrast in WHCM + White theme

Sounds like https://www.w3.org/WAI/WCAG21/Understanding/non-text-contrast.html

I see that the "x" is not appearing at all in these scenarios:

1. Firefox Mac, forced-colors enabled, prefers-color-scheme: dark simulation.
   
2. Chrome Mac, forced-colors enabled, prefers-color-scheme: dark simulation.
   

I'm going to work on the issue.

The Firefox prefers-color-scheme emulation doesn't work like I thought, so disregard point 1 in #8 🐛 FF & Chrome "dialog close" icon has poor contrast in WHCM + White theme Active . The icon appears with good contrast when the text / background colors are changed manually in the color settings.

However, I see the problem in dark themes on Edge Mac with the Page Colors setting.

It looks like dark theme forced-colors mode worked in Chrome as of 🐛 Dialog close icon not reliably visible in forced colors mode Fixed . I don't know what is different now.

Attaching screenshots of the problem in Edge, and in Edge & Chrome after the change in the MR.

Problem in Edge with Page Colors setting

After the changes in the MR

Edge with Page Colors setting

Chrome, forced-colors, dark

MR needs review

I'll review the MR

I am reviewing this one as there is no response from @vasantha for more than 1 week.

Changes in the MR looks good. Attaching before and after Screenshot and moving to RTBC.
Before:

After: