Почему фон-класс не работает в mat-paginator?

Question

Когда я добавляю свойство backgroundClass в mat-paginator, он не применяется к cdk-overlay-container для изменения всплывающего окна, в котором отображается параметр для размера страницы.

<mat-paginator
          backdropClass="yellow"
          [pageSize]="20"
          [pageSizeOptions]="[5, 10, 20, 100]"
        ></mat-paginator>

Ожидаемый результат должен выглядеть примерно так:

<div class="cdk-overlay-backdrop yellow cdk-overlay-backdrop-showing"></div>

, но вместо этого результат будет таким:

Чтобы изменить только это «всплывающее окно размера страницы» с классом yellow, но, к сожалению, оно не работает, и все выбранные окна ввода изменяются css, добавленным здесь.

::ng-deep{
  .ng-trigger-transformPanel{
    transform: translateY(-142px) scaleY(1) !important;
  }
}

, влияющий на другие компоненты:

Поэтому необходимо иметь желтый класс, чтобы иметь возможность различать другие компоненты и использовать правильный Css.

  .yellow {
    .ng-trigger-transformPanel{
      transform: translateY(-142px) scaleY(1);
    }
  }
}