[ionic 4] ion-button inherits --width var from ion-menu

[AVatch]

Bug Report

Ionic Info

ionic 4.0.0-beta.8

Describe the Bug
ion-button inherits the width var set in the ion-menu component, breaking any usage of the button inside the menu. Specifically in toolbars/header components, because the button now has the same width as the sidemenu.

Expected Behavior
Resolve the name conflict either by renaming the menu's --width to --menu-width or ensure that variable does not propagate down

[netsesame2]

I confirm this issue.
@ionic/angular 4.0.0-beta.8 introduce many new css variables. After updated, many unexpected UI changes.

Can be fixed by:

ion-button {
    --width: none;
}

[ionitron-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.