chore(sassdoc): updated examples to work with sass instead of node-sass

Author: mlaursen

packages/icon/src/_material-icons.scss

@@ -3,7 +3,7 @@
 ////
 
 @import '~@react-md/typography/dist/variables';
-@import 'mixins';
+@import './mixins';
 
 /// Creates the font face for material icons. This takes either a font url
 /// prefix string or a map of urls for each required font file. If you are using

packages/icon/src/_mixins.scss

@@ -37,8 +37,10 @@
 ///
 ///
 /// @example scss - Updating the base icon size with a media query
-///   @media (min-width: 75rem)  {
-///     @include rmd-icon-theme-update-var(size, rmd-icon-theme(dense-size));
+///   :root {
+///     @media (min-width: 75rem)  {
+///       @include rmd-icon-theme-update-var(size, rmd-icon-theme(dense-size));
+///     }
 ///   }
 ///
 /// @param {String} theme-style - The icon theme style type to update. This

packages/transition/src/_mixins.scss

@@ -56,8 +56,6 @@
 /// A mixin that allows you to animate box shadow performantly.
 ///
 /// @example scss - Simple Usage
-///   @import '~@react-md/theme/dist/color-palette';
-///
 ///   .my-class {
 ///     $start-shadow: inset 0 0 1px $rmd-blue-500;
 ///     $end-shadow: inset 0 0 4px $rmd-blue-500;
@@ -66,9 +64,6 @@
 ///   }
 ///
 /// @example scss - Merging with elevation
-///   @import '~@react-md/elevation/dist/functions';
-///   @import '~@react-md/theme/dist/color-palette';
-///
 ///   .my-class {
 ///     $start-shadow: rmd-elevation(2);
 ///     $end-shadow: rmd-elevation(4), inset 0 0 4px $rmd-blue-500;