fix(button): improve text style inherency

related #14927

core/src/components/button/button.scss

@@ -109,6 +109,7 @@
 
 
 .button-native {
+  @include text-inherit();
   @include border-radius(var(--border-radius));
   @include font-smoothing();
   @include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start));
@@ -126,22 +127,9 @@
   border-color: var(--border-color);
 
   background: var(--background);
-  color: inherit;
 
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-
-  letter-spacing: inherit;
   line-height: 1;
 
-  text-align: inherit;
-  text-decoration: inherit;
-  text-overflow: inherit;
-  text-transform: inherit;
-
-  white-space: inherit;
-
   box-shadow: var(--box-shadow);
   contain: content;
   cursor: pointer;

core/src/components/item/item.scss

@@ -35,7 +35,9 @@
 
   color: #{current-color(contrast)};
 
+  text-align: initial;
   text-decoration: none;
+
   box-sizing: border-box;
 }
 
@@ -54,7 +56,7 @@
   @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
   @include border-radius(var(--border-radius));
   @include margin(0);
-  @include text-align(initial);
+  @include text-inherit();
 
   display: flex;
   position: relative;
@@ -74,14 +76,6 @@
   outline: none;
 
   background-color: var(--background);
-  color: inherit;
-
-  font-family: inherit;
-  font-size: inherit;
-  font-weight: inherit;
-
-  text-decoration: inherit;
-  text-transform: inherit;
 
   box-shadow: var(--box-shadow);
   overflow: hidden;

core/src/themes/ionic.mixins.scss

@@ -23,6 +23,7 @@
   text-decoration: inherit;
   text-overflow: inherit;
   text-transform: inherit;
+  text-align: inherit;
   white-space: inherit;
   color: inherit;
 }