Пользовательская типография для MUI ⇐ CSS

[Anonymous]

Я хочу установить типографию свойства.h1.fontsize = 'Clamp (24px, Calc (24px + (40 - 24) * ((100VW - 768px) / (1920 - 768))), 40px)' < / Код> < /p>

Код: Выделить всё

createTheme =({
typography:{
fontFamily: 'Circe, sans-serif',
allVariants: {
textTransform: 'unset',
lineHeight: 1.2,
},
h1: {
fontWeight: 'bold',
lineHeight: 1.14,
fontSize: 'clamp(24px, calc(24px +(40 - 24)*((100vw - 768px) /(1920 - 768))), 40px)',
},
fontWeightBold: 700,
fontWeightMedium: 500,
fontWeightRegular: 400,
}});

Все работает, но поле Fontsize в элементах установлено, равное равному

Код: Выделить всё

 font-size: NaNrem

и в результате, размер Font принимается по умолчанию 2EM . В то же время инспектор показывает, что CSS имеет переменную -Mui -Font -H1: жирный зажим (24px, Calc (24px +(40 -24)*((100VW -768px) /(1920 -768)))))))) , 40px) /1.14 Circe, sans-serif .
Частично возможно обойти эту проблему, передавая fontsize значение дополнительно в components.muitypography.styleoverrides.h1.fontsize , но это работает только в том случае, если значение typogtaphy.r1.fontsize определяется как nanrem.
Насколько я понимаю, при установке параметра Fontsize в переменной распределена в переменной `` Mui-font-H1`, есть ли какие-нибудь способы решить эту проблему?

Подробнее здесь: https://stackoverflow.com/questions/794 ... hy-for-mui