How to change css of nested element in Angular?

Question

Angular

There was a need to override the style of the inner component, but Angular isolates all styles from external attacks. How to solve this problem?
Example: menu.component uses ngx-bootstrap tabs, you need to set a background for them.

Answer 1

::ng-deep .tab-class {
  background: red
}

https://angular.io/guide/component-styles#deprecat...
But even with this feature, it is considered bad practice and generally declared deprecated (without a deprecated term from the api). The component itself must decide how it should look based on parameters, css variables, :host-context. It is clear that the third ones, if they do not provide for such a parameter, cannot be fixed in another way.