Invisible selection color in Safari 18.0

[Sameri11]

Description

Selection color in code blocks in Safari 18.0 is unreadable. It's actually there (at first I thought selection doesn't work at all, but no)

In Chrome looks as expected:

In both browsers there's correct color from here:

gatsby-theme-iterative/packages/gatsby-theme-iterative/src/components/Documentation/Markdown/Main/theme.module.css

Lines 71 to 74 in c8238fb

	code[class*='language-'] ::selection {
	color: inherit;
	background: #445262;
	}

I guess there's some special behavior in Safari, such as different color space or something?

Environment

OS: macOS 14.7 Sonoma
Safari: 18.0
Chrome: 134.0.6998.89