fix toast tokens

Author: BenOsodrac

core/src/components/toast/toast.common.scss

@@ -136,10 +136,6 @@
   justify-content: center;
 }
 
-.toast-icon {
-  @include margin(null, null, null, 16px);
-}
-
 .toast-content {
   min-width: 0;
 }
@@ -170,11 +166,6 @@
   z-index: 0;
 }
 
-.toast-icon,
-.toast-button-icon {
-  font-size: 1.4em;
-}
-
 .toast-button-inner {
   display: flex;
 

core/src/components/toast/toast.ionic.scss

@@ -7,8 +7,8 @@
 :host {
   --box-shadow: #{globals.$ion-elevation-4};
   --max-width: 343px;
-  --start: 8px;
-  --end: 8px;
+  --start: #{globals.$ion-space-200};
+  --end: #{globals.$ion-space-200};
 
   @include globals.typography(globals.$ion-body-md-medium);
 

core/src/components/toast/toast.native.scss

@@ -6,3 +6,12 @@
 
   z-index: $z-index-overlay;
 }
+
+.toast-icon {
+  @include margin(null, null, null, 16px);
+}
+
+.toast-icon,
+.toast-button-icon {
+  font-size: 1.4em;
+}