test(color-picker): add component token E2E tests

[jcfranco]

Related Issue: #7180

Summary

✨🧪✨

[alisonailea]

I opened the tests in debugger mode and it looks like several of the tokens are not applied?

[jcfranco]

@alisonailea I've removed some of the unused props you pointed out. Thanks for the catch! ✨🎣✨

Others that were pointed out were working, but not shown up for specific configurations or because there was an issue with styles. I've also fixed these and here's how they're looking:

A couple of questions on ☝️:

1. the background/text color of prefix and suffixes should be the same, so WDYT about consolidating these to --calcite-color-picker-affix-background-color and --calcite-color-picker-affix-text-color?
2. both button icon/text color props can be applied based specificity and currentColor: should we drop the icon prop in favor of the button-text prop or, following your suggestion, rely on the component's text color prop? The buttons do change background color when hovered, so it might be useful to allow customizing this differently from the component's text color.

[alisonailea]

1. yes I think --calcite-color-picker-affix-text-color makes sense
2. I'm all for dropping extraneous tokens

[jcfranco]

@alisonailea Updated. Would you mind reviewing this again? 🙏