Merge pull request #431 from Infineon/429-documentation-link-update

Documentation: link update

packages/components/src/components/link/Usage.mdx

@@ -68,16 +68,16 @@ Inline links should assume the text properties of the content they are nested wi
 <img src={LinkInlineStates} alt="Link Inline States" />
 
 **Default**\
-Native underlined text style. Text color is $ocean-500.
+Native underlined text style. Text color is `ocean-500`.
 
 **Hover**\
-Text color is $ocean-600.
+Text color is `ocean-600`.
 
 **Pressed**\
-Text color is $ocean-700.
+Text color is `ocean-700`.
 
 **Focus**\
-Text color is $ocean-500. Text has a native browser outline of 1px outline width.
+Text color is `ocean-500`. Text has a native browser outline of 1px outline width.
 
 ### Inline Link Error
 <img src={LinkInlineError} alt="Link Inline Error" width="50%" />
@@ -86,16 +86,16 @@ Text color is $ocean-500. Text has a native browser outline of 1px outline width
 <img src={LinkInlineErrorStates} alt="Link Inline Error States" />
 
 **Default**\
-Native underlined text style. Text color is $red-500.
+Native underlined text style. Text color is `red-500`.
 
 **Hover**\
-Text color is $red-600.
+Text color is `red-600`.
 
 **Pressed**\
-Text color is $red-700.
+Text color is `red-700`.
 
 **Focus**\
-Text color is $red-500. Text has a native browser outline of 1px outline width.
+Text color is `red-500`. Text has a native browser outline of 1px outline width.
 
 ## Icon placement