refactor(content-switcher): use class name directive

src/ContentSwitcher/ContentSwitcher.svelte

@@ -64,8 +64,9 @@
   role="tablist"
   class:bx--content-switcher="{true}"
   class:bx--content-switcher--light="{light}"
+  class:bx--content-switcher--sm="{size === 'sm'}"
+  class:bx--content-switcher--xl="{size === 'xl'}"
   {...$$restProps}
-  class="{size && `bx--content-switcher--${size}`} {$$restProps.class}"
   on:click
   on:mouseover
   on:mouseenter

src/ContentSwitcher/Switch.svelte

@@ -1,7 +1,7 @@
 <script>
   /**
    * Specify the switch text
-   * Alternatively, use the named slot "text" (e.g., <span slot="text">...</span>)
+   * Alternatively, use the "text" slot  (e.g., <span slot="text">...</span>)
    */
   export let text = "Provide text";