Slider track doesn't work with styles usage of Styles API

[UltimateBrent]

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

7.16.2

What package has an issue?

@mantine/core

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

All

Describe the bug

When using the Slider component, I'm unable to style the track color using the styles attribute, because the actual track is in a ::before block attached to the track.

<Slider
	size="sm"
	thumbSize={5}
	w={160}
	mr={40}
	min={0}
	max={100}
	step={1}
	defaultValue={75}
	color={iconColor}
	showLabelOnHover={false}
	styles={{ track: { backgroundColor: '#000' }}} // this does not work, but I think should
/>

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

Add a new selector for track_background that refers to that section.

Self-service

• I would be willing to implement a fix for this issue