Phoenix: Add soho-color directive with options

[tmcconechy]

Enhancement Details

NOTE: I may need to finish initial token work first for this.

All work should current go on branch: https://github.com/infor-design/enterprise-ng/tree/8766-phoenix-repo

See https://github.com/infor-design/enterprise-ng/tree/8766-phoenix-repo/projects/ids-enterprise-ng/src/lib/grid for one example

For this directive we want one that covers https://github.com/infor-design/enterprise/blob/main/src/components/colors/_colors.scss#L8-L18 for example..

before:

class="azure-10"
class="azure-10-color"
class="azure-10-border-color"

Now in phoenix (just an example but think about color-target)

<div soho-color color-target="color">
<div soho-color color-target="border">
<div soho-color color-target="background">