Estamos desenvolvendo uma biblioteca de componentes corporativos que deve fornecer componentes angulares projetados para materiais. Portanto, os usuários desta biblioteca não devem usar, por exemplo, Material angular diretamente, mas inclua algum componente como "guias personalizadas"

O uso dos componentes do MatTabModule funciona diretamente como um encanto, enquanto que ao usar nossos componentes personalizados, o conteúdo projetado não aparece.

O uso é muito semelhante à API do material angular:

<custom-tabs>
  <custom-tab [label]="labelA">Content A</custom-tab>
  <custom-tab [label]="labelB">Content B</custom-tab>
  <custom-tab [label]="labelC">Content C</custom-tab>
</custom-tabs>

Os componentes personalizados tentam projetar o conteúdo da seguinte maneira:

<!-- custom-tabs template -->
<mat-tab-group>
  <ng-content></ng-content>
</mat-tab-group>

<!-- custom-tab template -->
<mat-tab [label]="label">
  <ng-content></ng-content>
</mat-tab>

Alguém tem uma idéia de como podemos fazê-lo funcionar?

Eu forneci umStackBlitz onde você pode ver o problema em ação.