* fix(): add safe area cutouts
* fix(): adjust safe-area padding
* fix(): safe area improvments
* fix(): safe-area-improvments for padding
* fix(): safe-area improvements for items
* fix(): safe-area fix for core css
* fix(): safe-area fix for list header
* fix(): safe-area fix for popover
* fix(): safe-area validates
* chore(): ci updates
* fix(): safe-area revert padding changes for now
* padding is being applied twice
* safe-area-left is applied to item
- 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>