refactor(components): update to use shadow DOM and work with css variables

- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>

angular/src/ionic-module.ts

@@ -24,6 +24,7 @@ const DECLARATIONS = [
   d.Checkbox,
   d.Chip,
   d.ChipButton,
+  d.ChipIcon,
   d.Col,
   d.Content,
   d.Datetime,
@@ -34,6 +35,7 @@ const DECLARATIONS = [
   d.Grid,
   d.Header,
   d.HideWhen,
+  d.Icon,
   d.Img,
   d.InfiniteScroll,
   d.InfiniteScrollContent,
@@ -86,9 +88,6 @@ const DECLARATIONS = [
   d.Toolbar,
   d.ToolbarTitle,
 
-  // custom proxy
-  c.Icon,
-
   // ngModel accessors
   c.BooleanValueAccessor,
   c.NumericValueAccessor,