fix spinner tokens

Author: BenOsodrac

core/src/components/spinner/spinner.common.scss

@@ -48,16 +48,6 @@ svg {
 // Spinner: lines / lines-small / lines-sharp / lines-sharp-small
 // --------------------------------------------------
 
-:host(.spinner-lines) line,
-:host(.spinner-lines-small) line {
-  stroke-width: 7px;
-}
-
-:host(.spinner-lines-sharp) line,
-:host(.spinner-lines-sharp-small) line {
-  stroke-width: 4px;
-}
-
 :host(.spinner-lines) line,
 :host(.spinner-lines-small) line,
 :host(.spinner-lines-sharp) line,

core/src/components/spinner/spinner.ionic.scss

@@ -6,6 +6,22 @@
 
 :host {
   --color: #{globals.$ion-primitives-neutral-800};
+
+  width: globals.$ion-scale-700;
+  height: globals.$ion-scale-700;
+}
+
+// Spinner: lines / lines-small / lines-sharp / lines-sharp-small
+// --------------------------------------------------
+
+:host(.spinner-lines) line,
+:host(.spinner-lines-small) line {
+  stroke-width: globals.$ion-scale-150;
+}
+
+:host(.spinner-lines-sharp) line,
+:host(.spinner-lines-sharp-small) line {
+  stroke-width: globals.$ion-scale-100;
 }
 
 // Sizes

core/src/components/spinner/spinner.native.scss

@@ -0,0 +1,14 @@
+@import "./spinner.common.scss";
+
+// Spinner: lines / lines-small / lines-sharp / lines-sharp-small
+// --------------------------------------------------
+
+:host(.spinner-lines) line,
+:host(.spinner-lines-small) line {
+  stroke-width: 7px;
+}
+
+:host(.spinner-lines-sharp) line,
+:host(.spinner-lines-sharp-small) line {
+  stroke-width: 4px;
+}