Angular Компонент: невозможно смешать styleUrls и стили

Question

Я использую Angular 9.0.4, и почему-то я не могу заставить мой компонент использовать оба, styleUrls и стили.

@Component({
  selector: 'notificationButton',
  templateUrl: 'notificationButton.component.html', 
  providers: [ExplorerService],
  styles: ['#notificationButton: { display: none!important; border-left: 1px solid white; padding: 15px 5px; height:75px; }'],
  styleUrls: [
    '../scss/navigation-button.scss'
  ]
})

В соответствии с документами это должно быть возможно, поскольку они специально упоминают it:

Вы можете указать более одного файла стилей или даже комбинацию стилей и styleUrls.

https://angular.io/guide/component-styles#style -files-in-component- метаданные

РЕДАКТИРОВАТЬ: это похоже на ошибку в текущей версии 9.0.4, просто придерживайтесь встроенных стилей до разрешения