El color del borde de Ion-toolbar no funciona: ¿Cómo puedo utilizar propiedades personalizadas de CSS a partir de la documentación?

// –border-color es una propiedad que se copia de la documentación de Ionic, pero no está funcionando. A continuación se muestra un ejemplo de mi código. ¡Estoy tratando de usar propiedades de CSS personalizadas, pero no parece funcionar!

Login.html

<ion-content>
    <ion-header [translucent]="true">

        <ion-toolbar class="toolbar"> 
            <ion-title>
                Portal de inicio de sesión del padre
            </ion-title>
            <ion-buttons slot="start">
                <ion-back-button defaulthref="#"></ion-back-button>
            </ion-buttons>
        </ion-toolbar>

    </ion-header>
</ion-content>

Login.scss

.toolbar{
    --border-color: success;
}