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>

package.json

@@ -4,6 +4,7 @@
   "description": "Ionic mono-repo root package.json, used mainly to execute build scripts. This package is not published to npm.",
   "private": true,
   "scripts": {
+    "build": "node .scripts/build.js",
     "release.prepare": "node .scripts/prepare.js",
     "release": "node .scripts/release.js",
     "changelog": "conventional-changelog -p angular -i ./CHANGELOG.md -k core -s"
@@ -17,5 +18,8 @@
     "inquirer": "^5.1.0",
     "listr": "^0.14.0",
     "semver": "^5.5.0"
+  },
+  "dependencies": {
+    "node-sass": "^4.9.0"
   }
 }