Guardando el valor enmascarado usando ngx mask.

Estoy usando ngx mask con una configuración de teléfono como (00) 0000-0000 ó (00) 00000-0000 pero cuando lo muestro al usuario, no funciona.

Ejemplo:

    <mat-form-field class="flex-1">
        <mat-label>Teléfono</mat-label>
        <input matInput formControlName="telefone" prefix="+55 " mask="(00) 00000-0000 || (00) 0000-0000">
        <mat-error *ngIf="this.mainForm.get('telefone').invalid">Ingrese el número de teléfono</mat-error>
    </mat-form-field> // FUNCIONA BIEN

Pero cuando muestro el número, no está configurado correctamente.

                <ng-container matColumnDef="telefone">
                    <th class="bg-gray-50 dark:bg-black dark:bg-opacity-5" mat-header-cell *matHeaderCellDef
                        mat-sort-header disableClear>
                        Teléfono
                    </th>
                    <td class="pr-8 truncate" mat-cell *matCellDef="let row">
                        {{row.telefone | mask: '(00) 00000-0000 || (00) 0000-0000'}}
                    </td>
                </ng-container> // NO FUNCIONA. Si el número es (21) 1234-4321, aparece (21) 12344-321.