Невозможно изменить индекс Z с помощью Mantine Pop в стилях компонентов. ⇐ CSS

[Anonymous]

Резюме
Я пытаюсь обновить стили компонента всплывающего окна в моем проекте Mantine, чтобы z-индекс был равен 1 вместо 300, но я Кажется, не могу заставить это работать. Стиль backgroundColor работает правильно, поэтому создается впечатление, что к компоненту осуществляется доступ. Вот мой код:
import "@mantine/core/styles.css";
import { createTheme, MantineProvider, Popover } from "@mantine/core";
import PageRouter from "./PageRouter";

function App() {
return (



);
}

export default App;

const customTheme = createTheme({
fontFamily: "Nunito Sans, sans-serif",
components: {
Popover: Popover.extend({
styles: {
dropdown: {
zIndex: 1,
backgroundColor: "red",
},
},
}),
},
});



Подробнее здесь: https://stackoverflow.com/questions/787 ... ent-styles