Fix secondary style

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

canon-docs/src/app/(docs)/theme/theming/page.mdx

@@ -194,7 +194,7 @@ are prefixed with `fg` to make it easier to identify.
     </Table.Row>
     <Table.Row>
       <Table.Cell>
-        <Chip head>--canon-fg-text-secondary</Chip>
+        <Chip head>--canon-fg-secondary</Chip>
       </Table.Cell>
       <Table.Cell>
         It should be used on top of `--canon-bg-app` or `--canon-bg-elevated`.

packages/canon/src/components/Field/Field.styles.css

@@ -31,7 +31,7 @@
 .canon-FieldDescription {
   font-size: var(--canon-font-size-2);
   font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-text-secondary);
+  color: var(--canon-fg-secondary);
   margin: 0;
   padding-top: var(--canon-space-1_5);
 }
@@ -47,7 +47,7 @@
 .canon-FieldValidity {
   font-size: var(--canon-font-size-2);
   font-weight: var(--canon-font-weight-regular);
-  color: var(--canon-fg-text-secondary);
+  color: var(--canon-fg-secondary);
   margin: 0;
   padding-top: var(--canon-space-1_5);
 }

packages/canon/src/components/Input/Input.styles.css

@@ -27,7 +27,7 @@
 }
 
 .canon-Input::placeholder {
-  color: var(--canon-fg-text-secondary);
+  color: var(--canon-fg-secondary);
 }
 
 .canon-Input:hover {