chore: use cds-icon style api

[mivaylo]

PR Checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)
• If applicable, have a visual design approval

PR Type

What kind of change does this PR introduce?

• Bugfix
• 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?

Issue Number: CDE-2195

What is the new behavior?

Making use of a more proper CSS property for cds-icon-s

Does this PR introduce a breaking change?

• Yes
• No

Other information

[github-actions]

👋 @mivaylo,

• 🙏 The Clarity team thanks you for opening a pull request
• 🎉 The build for this PR has succeeded
• 🔍 The PR is now ready for review
• 🍿 In the meantime, view a preview of this PR
• 🖐 You can always follow up here. If you're a VMware employee, you can also reach us on our internal Clarity Support space

Thank you,

🤖 Clarity Release Bot

[github-actions]

This PR introduces visual changes: 2222e8b
If these changes are intended and correct, please cherry-pick the above commit to this PR.

git checkout cde-2195-use-correct-css-prop
git fetch https://github.com/vmware-clarity/ng-clarity.git 2222e8b7068504aeb6e081046ddc0aafa88e79c6
git cherry-pick 2222e8b7068504aeb6e081046ddc0aafa88e79c6
git push

[kevinbuhmann]

This won't work in places we allow users project a clr-icon. We can only use --color when we own the element and know it will be a cds-icon.