Нативные html элементы не видят локальные шрифты (react)

шрифты подключаются в scss:

@font-face {
  font-family: 'IBM Plex Sans';
  font-weight: 300;
  font-style: italic;
  src: url('../assets/fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf') format('truetype');
}

в проекте используется devexpress, mui и flexlayout-react, и компоненты этих библиотек применяют шрифты к нативным html-элементам шрифты не применяются, хотя есть css-правило:

  font-family: 'IBM Plex Sans', sans-serif;

но применяется sans-serif