CSS-стиль в эмуляции углового эмулированного вида

Question

Из -за проблем со стилем с VIEWENCAPSULATION.NONE в моем угловом компоненте я переключился на.EMULATED

Теперь я не могу сделать самые простые изменения CSS.

Стили, сохраненные в файле CSS компонентов, а не в глобальном файле CSS.

Например, в элементе mat-tab я хочу сделать шрифт жирным. Делать это на лету в devtools в Chrome это работает нормально. Также это работало без инкапсуляции вида раньше.

Теперь это не так. Простое изменение нравится это ускользает от меня...

Вот мой HTML и ранее работающий CSS (без инкапсуляции).

<mat-tab-group>
  <mat-tab *ngFor="let l of letters" [label]="l.letter">
    ...
  </mat-tab>
</mat-tab-group>

.mat-tab-label {
  font-weight: bold!important;
}

Я пробовал все следующее, ничего не работает. Может кто-нибудь, пожалуйста, укажите правильный путь? Спасибо!

.mat-tab-label {
  font-weight: bold!important;
}

mat-tab-label {
  font-weight: bold!important;
}

.mat-tab.mat-tab-label {
  font-weight: bold!important;
}

mat-tab.mat-tab-label {
  font-weight: bold!important;
}

.makeBold {
  font-weight: bold!important;
}