feat(design)!: change daffColorMixin to a directive

[xelaint]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

An ElementRef and Renderer need to be constructed for the daffColorMixin to be extendable or usable in a component.

Part of: #2911

What is the new behavior?

Removed daffColorMixin in favor of DaffColorableDirective so that a component can use the directive by adding it as a hostDirective. This reduces code complexity.

Updated error to a warning because erroring causes button to not display correctly, and a warning will just default the button color to the base that's set.

Dependent on #2913, #2919, #2922, #2923, #2925, #2937, #2941 to be merged first.

Does this PR introduce a breaking change?

[x] Yes
[ ] No

BREAKING CHANGE: daffColorMixin has been removed in favor of DaffColorableDirective. Update usage by using the hostDirective feature.

Other information

[damienwebdev]

lgtm