feat(switch): add component tokens

[jcfranco]

Related Issue: #7180

Summary

Adds the following component tokens (CSS props):

• --calcite-switch-handle-background-color
• --calcite-switch-handle-border-color
• --calcite-switch-track-background-color
• --calcite-switch-track-border-color
• --calcite-switch-corner-radius
• --calcite-switch-shadow

[macandcheese]

There are some "invisible" height changes in Chromatic, lets make sure this won't affect layout somehow: https://www.chromatic.com/test?appId=6266d45509d7eb004aa254fb&id=65d535a602d615a0c2d7deba

[jcfranco]

Forgot to bring this up sooner, but name-wise, do we prefer handle vs thumb? This might be the first instance of handle/thumb in a public property name (related to that UI part). I'm used to "thumb" and is slightly shorter, but wanted to confirm for consistency. cc @geospatialem @DitwanP

[geospatialem]

Forgot to bring this up sooner, but name-wise, do we prefer handle vs thumb? This might be the first instance of handle/thumb in a public property name (related to that UI part). I'm used to "thumb" and is slightly shorter, but wanted to confirm for consistency.

We use handle for the list-item event, so lean towards handle, unless we want to differentiate between the list event and switch prop.

calcite-design-system/packages/calcite-components/src/components/list-item/list-item.tsx

Lines 249 to 251 in 802ccf2

	* Fires when the drag handle is selected.
	*/
	@Event({ cancelable: false }) calciteListItemDragHandleChange: EventEmitter<void>;

[driskull]

I prefer handle since thumb might be confused with thumbnail.