bug: variable --border-width not work in ion-toolbar

Bug Report

Ionic version:

[x] 4.x

Current behavior: in ios mode the css variable border-width in the elemet ion-toolbar is not work

Expected behavior: this works when I set the variable --border-width: 0px;

Steps to reproduce: customise ion-toolbar element and see in ios mode

Related code:

ion-toolbar{
  --border-width: 0px;
}

Other information: this it work

ion-toolbar{
  --border-width: 0px !important;
}

Ionic info:

Ionic:

   Ionic CLI                     : 5.0.1 (/Users/rodrigoklayton/.npm-global/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.2.3

Capacitor:

   Capacitor CLI   : not installed
   @capacitor/core : not installed

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : ios 5.0.1
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 5 other plugins)

Utility:

   cordova-res : 0.3.0
   native-run  : not installed

System:

   ios-sim : 8.0.1
   NodeJS  : v12.4.0 (/usr/local/Cellar/node/12.4.0/bin/node)
   npm     : 6.9.0
   OS      : macOS High Sierra
   Xcode   : Xcode 10.1 Build version 10B61

[liamdebeasi]

Hi there,

Thanks for the issue! I was able to reproduce this. Looks like the issue is here: https://github.com/ionic-team/ionic/blob/master/core/src/components/header/header.ios.scss#L8

We will look into a fix for this. Thanks!

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.