fix(theming): update components to use the proper colors for themes

[brandyscarney]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
• Build (npm run build) was run locally and any changes were pushed
• [x ] Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue Number: references #18713

What is the new behavior?

Components Needing Updates:

• Toggle (background, handle)
• Range (knob, bar)
• Checkbox (border color)
• Chip (background, text)
• Alert (background)

Does this introduce a breaking change?

• Yes
• No

Other information

Few the following test to see the dark theme: http://localhost:3334/src/themes/test/css-variables?ionic:mode=ios

master	fix-dark-theme