problem z przepisaniem stylu do Material-UI

Cześć,
Mam poprawnie działającą regułę CSS

@media (min-width: 320px) and (max-width: 1441px) {
            font-size: calc(50px + 85 * ((100vw - 320px) / 1120));
        }

Staram sie użyć ją z Material UI przez makeStyle, jednak nie działa — kompiluje się, ale zwraca błąd w konsoli

'@media (min-width: 320px) and (max-width: 1441px)': {
            fontSize: 'calc(50px + 85 * ((100vw - 320px) / 1120)',
        },

Probowałem usuwać px i jeszcze kilka opcji przećwiczyłem, ale cały czas wali błąd. Jak to powinno wyglądać?

Kiszuriwalilibori napisał(a):

kompiluje się, ale zwraca błąd w konsoli

Jaki błąd?

Chociaż domyślam się o co może chodzić

font-size: calc(50px + 85 * ((100vw - 320px) / 1120));

fontSize:  calc(50px + 85 * ((100vw - 320px) / 1120); <-- brakuje jednego nawiasu )