fix(menu-button): fix sass linting

core/src/components/alert/alert-interface.ts

@@ -13,7 +13,7 @@ export interface AlertOptions {
 
 export interface AlertInput {
   type: string;
-  name: string | number;
+  name: string;
   placeholder?: string;
   value?: string;
   label?: string;

core/src/components/item-option/item-option.tsx

@@ -60,6 +60,7 @@ export class ItemOption {
 
     return (
       <TagType
+        type="button"
         class="item-option-native"
         disabled={this.disabled}
         href={this.href}

core/src/components/item-options/item-options.tsx

@@ -12,8 +12,7 @@ import { isEndSide } from '../../utils/helpers';
 export class ItemOptions {
   @Element() el!: HTMLElement;
 
-  @Prop({ context: 'window' })
-  win!: Window;
+  @Prop({ context: 'window' }) win!: Window;
 
   /**
    * The side the option button should be on. Possible values: `"start"` and `"end"`. Defaults to `"end"`. If you have multiple `ion-item-options`, a side must be provided for each.

core/src/components/menu-button/menu-button.ios.scss

@@ -9,7 +9,7 @@
 }
 
 button {
-  padding: 0 5px;
+  @include padding(0, 5px);
 }
 
 ion-icon {

core/src/components/menu-button/menu-button.md.scss

@@ -9,7 +9,7 @@
 }
 
 button {
-  padding: 0 8px;
+  @include padding(0, 8px);
 }
 
 ion-icon {

core/src/components/menu-button/menu-button.scss

@@ -15,7 +15,7 @@ button {
   @include font-smoothing();
 
   display: flex;
-  height: 32px;
+
   position: relative;
 
   flex-flow: row nowrap;
@@ -23,6 +23,8 @@ button {
   align-items: center;
   justify-content: center;
 
+  height: 32px;
+
   border: 0;
 
   outline: none;
@@ -47,7 +49,8 @@ button {
 }
 
 ion-icon {
-  padding: 0;
-  margin: 0;
+  @include margin(0);
+  @include padding(0);
+
   pointer-events: none;
 }