feat(list, list-item-group, list-item): Add component tokens

[driskull]

Related Issue: #7180

Summary

List

 * @prop --calcite-list-background-color: Specifies the background color of the component.
 * @prop --calcite-list-border-color: Specifies the border color of the component.
 * @prop --calcite-list-filter-background-color: Specifies the background color of the filter sub-component.
 * @prop --calcite-list-filter-input-background-color: defines the background color of the filter input sub-component.
 * @prop --calcite-list-filter-input-border-color: defines the border color of the filter input sub-component.
 * @prop --calcite-list-filter-input-button-background-color: defines the background color of the filter input button in the input sub-component.
 * @prop --calcite-list-filter-input-button-background-color-hover: defines the background color of the filter input button when hovered in the input sub-component.
 * @prop --calcite-list-filter-input-button-border-color: defines the border color of the button in the filter input sub-component.
 * @prop --calcite-list-filter-input-button-icon-color: defines the icon color of the button in the filter input sub-component.
 * @prop --calcite-list-filter-input-button-icon-color-active: defines the icon color of the button when active in the filter input sub-component.
 * @prop --calcite-list-filter-input-button-icon-color-hover: defines the icon color of the button when hovered in the filter input sub-component.
 * @prop --calcite-list-filter-input-corner-radius: defines the corner radius of the input sub-component.
 * @prop --calcite-list-filter-input-icon-color: defines the icon color of the filter input sub-component.
 * @prop --calcite-list-filter-input-placeholder-text-color: defines the placeholder text color of the filter input sub-component.
 * @prop --calcite-list-filter-input-text-color: defines the text color of the filter input sub-component.
 * @prop --calcite-list-header-z-index: Specifies the component header's z-index.

ListItem

 * @prop --calcite-list-item-background-color: Specifies the background color of the component.
 * @prop --calcite-list-item-background-color-hover: Specifies the background color of the component when hovered.
 * @prop --calcite-list-item-border-color: Specifies the border color of the component.
 * @prop --calcite-list-item-content-text-color: Specifies the text color of the component's content.
 * @prop --calcite-list-item-description-text-color: Specifies the text color of the component's description.
 * @prop --calcite-list-item-focus: Specifies the focus of the component.
 * @prop --calcite-list-item-handle-background-color: Specifies the background color of the component's handle.
 * @prop --calcite-list-item-handle-text-color: Specifies the text color of the component's handle.
 * @prop --calcite-list-item-icon-color: Specifies the color of the component's icon.
 * @prop --calcite-list-item-label-text-color: Specifies the text color of the component's label.
 * @prop --calcite-list-item-open-icon-color-hover: Specifies the color of the component's open icon when hovered.
 * @prop --calcite-list-item-selection-border-color: Specifies the border color of the component's selection.
 * @prop --calcite-list-item-selection-icon-color-hover: Specifies the color of the component's selection icon when hovered.
 * @prop --calcite-list-item-selection-icon-color-selected: Specifies the color of the component's selection icon when selected.

ListItemGroup

 * @prop --calcite-list-item-group-background-color: Specifies the background color of the component.
 * @prop --calcite-list-item-group-border-color: Specifies the border color of the component.
 * @prop --calcite-list-item-heading-text-color: Specifies the text color of the component's heading.