fix(sass): move the @at-root font import to the components file

the user will need to include this import themselves if they include
components individually

fixes #5931

Author: brandyscarney

ionic/components.ios.scss

@@ -30,6 +30,6 @@
   "components/toolbar/toolbar.ios";
 
 
-  // iOS Platform
-  @import
-    "platform/cordova.ios";
+// iOS Platform
+@import
+  "platform/cordova.ios";

ionic/components.md.scss

@@ -30,6 +30,12 @@
   "components/toolbar/toolbar.md";
 
 
-  // Material Design w/ iOS Platform
-  @import
-    "platform/cordova.md";
+// Material Design w/ iOS Platform
+@import
+  "platform/cordova.md";
+
+
+// Roboto Font
+@at-root {
+  @import "./fonts/roboto";
+}

ionic/components.wp.scss

@@ -30,6 +30,12 @@
   "components/toolbar/toolbar.wp";
 
 
-  // Windows w/ iOS Platform
-  @import
-    "platform/cordova.wp";
+// Windows w/ iOS Platform
+@import
+  "platform/cordova.wp";
+
+
+// Noto Sans Font
+@at-root {
+  @import "./fonts/noto-sans";
+}

ionic/themes/dark.md.scss

@@ -81,9 +81,3 @@ $toggle-md-handle-background-color-off: color($colors-md, light) !default;
   font-size: $font-size-md-base;
   background-color: $background-md-color;
 }
-
-
-// Roboto Font
-@at-root {
-  @import "../fonts/roboto";
-}

ionic/themes/dark.wp.scss

@@ -80,9 +80,3 @@ $input-wp-border-color:                 rgba(0, 0, 0, .5) !default;
   font-size: $font-size-wp-base;
   background-color: $background-wp-color;
 }
-
-
-// Noto Sans Font
-@at-root {
-  @import "../fonts/noto-sans";
-}

ionic/themes/default.md.scss

@@ -58,9 +58,3 @@ $item-md-padding-icon-bottom:         10px !default;
   font-size: $font-size-md-base;
   background-color: $background-md-color;
 }
-
-
-// Roboto Font
-@at-root {
-  @import "../fonts/roboto";
-}

ionic/themes/default.wp.scss

@@ -63,9 +63,3 @@ $input-wp-border-color:               rgba(0, 0, 0, .5) !default;
   font-size: $font-size-wp-base;
   background-color: $background-wp-color;
 }
-
-
-// Noto Sans Font
-@at-root {
-  @import "../fonts/noto-sans";
-}