v11 color token updates for structured list (carbon-design-system#2339)

* v11 color token updates for structured list

This PR updates the color tokens on the Style tab for the structured list component.

* fixed type

Co-authored-by: Anna Gonzales <anna.gonzales3@gmail.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

src/pages/components/structured-list/style.mdx

@@ -8,22 +8,21 @@ tabs: ['Usage', 'Style', 'Code', 'Accessibility']
 
 ## Color
 
-| Class                                  | Property      | Color token |
-| -------------------------------------- | ------------- | ----------- |
-| `.bx--structured-list-th`              | text color    | `$text-01`  |
-| `.bx--structured-list-td`              | text color    | `$text-02`  |
-| `.bx--structured-list-row--header-row` | border-bottom | `$ui-03`    |
-| `.bx--structured-list-row`             | border-bottom | `$ui-03`    |
+| Class                                  | Property      | Color token       |
+| -------------------------------------- | ------------- | ----------------- |
+| `.bx--structured-list-th`              | text color    | `$text-primary`   |
+| `.bx--structured-list-td`              | text color    | `$text-secondary` |
+| `.bx--structured-list-row--header-row` | border-bottom | `$border-subtle`  |
+| `.bx--structured-list-row`             | border-bottom | `$border-subtle`   |
 
 ### Interactive states
 
-| Class                                | Property         | Color token    |
-| ------------------------------------ | ---------------- | -------------- |
-| `.bx--structured-list-row--selected` | background-color | `$selected-ui` |
-| `.bx--structured-list-svg:checked`   | fill             | `$ui-05`       |
-| `.bx--structured-list-row:hover`     | background-color | `$hover-row`   |
-| `.bx--structured-list-svg:hover`     | fill             | `$ui-04`       |
-| `.bx--structured-list-row:focus`     | border           | `$focus`       |
+| Class                                | Property         | Color token            |
+| ------------------------------------ | ---------------- | ---------------------- |
+| `.bx--structured-list-row--selected` | background-color | `$background-selected` |
+| `.bx--structured-list-svg:checked`   | fill             | `$icon-primary`        |
+| `.bx--structured-list-row:hover`     | background-color | `$background-hover`    |
+| `.bx--structured-list-row:focus`     | border           | `$focus`               |
 
 ## Typography