Label - update to unified tokens

[nicolethoen]

Figma Link

https://www.figma.com/design/qRn3S225WwGHIdgGZX0LTC/Unified-Theme--Design-Tokens--Styles---Specs?node-id=9552-14281&p=f&m=dev

Jira/GitHub Ticket Link

TBD

Design Screenshot

Any extra notes for developers

@tarunvashishth

Here's what you need to do:

• Swap out any FA icons in labels to "RH" icons

• To use "RH" icons, replace any [i class="fas fa..."] HTML with {{{{ pfIcon "rh-icon-name" }}}}

• the FA "info" icon should change to "rh-ui-information-fill" ({{{{ pfIcon "rh-ui-information-fill" }}}})

• the FA "times" icon (close button) should change to "rh-microns-close"

• If there are any more, try to find the closest replacement for the FA icon on here https://pf-react-staging.patternfly.org/icons (search for "rh " to find all of the "rh" icons) and use the most suitable one. Odds are it will be a "rh ui ..." icon

• Change the spacer/gap between the label text and close button to --pf-t--global--spacer--gap--text-to-element--default (should be 8px)

---

Jira Issue: PF-3552

[coderabbitai]

🔗 Related PRs

#8170 - fix(Alert): updated icons for unified theme [merged]
#8193 - feat(nav): unified theme updates [merged]
#8200 - fix(modal): change 2 icons to new ones [merged]
#8216 - feat(tabs): update to unified design icons and tokens [merged]
#8219 - feat(card): update card to use unified theme tokens [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!