Migrate hardcoded color values to Nala values #56194

Description

As part of the Nala integration, we need to migrate all hardcoded color values to their closest Nala values.

For reference, some of the legacy values from the previous design system can be replaced as so:

Alerts

• error-background -> systemfeedbackErrorBackground
• error-border -> systemfeedbackErrorIcon
• error-text -> systemfeedbackErrorText
• info-background -> systemfeedbackInfoBackground
• info-border -> systemfeedbackInfoIcon
• info-text -> systemfeedbackInfoText
• success-background -> systemfeedbackSuccessBackground
• success-border -> systemfeedbackSuccessIcon
• success-text -> systemfeedbackSuccessText
• warning-background -> systemfeedbackWarningBackground
• warning-border -> systemfeedbackWarningIcon
• warning-text -> systemfeedbackWarningText

Background

• background01 -> pageBackground
• background02 -> containerBackground
• background03 -> containerHighlight

Brand

• disabled -> colorButtonDisabled
• focus-border -> dividerInteractive
• interactive01 -> colorButtonBackground
• interactive02 -> colorButtonBackground
• interactive03 -> colorButtonBackground
• interactive04 -> colorButtonBackground
• interactive05 -> colorButtonBackground
• interactive06 -> colorButtonBackground
• interactive07 -> colorNeutral70
• interactive08 -> colorNeutral30

Dividers and outlines

• divider01 -> colorDividerSubtle

Gradients

• gradient01 ->
• gradient02 ->
• gradient02-alt ->
• gradient03 ->
• gradient05 ->

Text

• text01 -> colorTextPrimary
• text02 -> colorTextSecondary
• text03 -> colorTextTertiary