Moving margin rules to native

Author: rugoncalves

core/src/components/textarea/textarea.common.scss

@@ -506,17 +506,6 @@
   z-index: 2;
 }
 
-/**
- * Ensures the textarea does not
- * overlap the label.
- */
-:host(.textarea-label-placement-stacked) textarea,
-:host(.textarea-label-placement-floating) textarea,
-:host(.textarea-label-placement-stacked[auto-grow]) .native-wrapper::after,
-:host(.textarea-label-placement-floating[auto-grow]) .native-wrapper::after {
-  @include margin(8px, 0px, 0px, 0px);
-}
-
 /**
  * This makes the label sit over the textarea
  * when the textarea is blurred and has no value.

core/src/components/textarea/textarea.native.scss

@@ -120,6 +120,20 @@
   @include globals.margin(0, globals.$form-control-label-margin, 0, 0);
 }
 
+// Textarea Label Placement - Stacked & Floating
+// ----------------------------------------------------------------
+
+/**
+ * Ensures the textarea does not
+ * overlap the label.
+ */
+:host(.textarea-label-placement-stacked) textarea,
+:host(.textarea-label-placement-floating) textarea,
+:host(.textarea-label-placement-stacked[auto-grow]) .native-wrapper::after,
+:host(.textarea-label-placement-floating[auto-grow]) .native-wrapper::after {
+  @include globals.margin(8px, 0px, 0px, 0px);
+}
+
 // Start / End Slots
 // ----------------------------------------------------------------