refactor: use $$restProps API

- add ref prop for applicable components (#196)
- add slot to Content Switcher `Switch` component (#183)
- remove fillArray, css utilities

src/components/Slider/Slider.Skeleton.svelte

@@ -1,23 +1,24 @@
 <script>
-  let className = undefined;
-  export { className as class };
   export let hideLabel = false;
-  export let style = undefined;
-
-  import { cx } from '../../lib';
 </script>
 
-<div on:click on:mouseover on:mouseenter on:mouseleave class={cx('--form-item', className)} {style}>
+<div
+  class:bx--form-item={true}
+  {...$$restProps}
+  on:click
+  on:mouseover
+  on:mouseenter
+  on:mouseleave>
   {#if !hideLabel}
-    <span class={cx('--label', '--skeleton')} />
+    <span class:bx--label={true} class:bx--skeleton={true} />
   {/if}
-  <div class={cx('--slider-container', '--skeleton')}>
-    <span class={cx('--slider__range-label')} />
-    <div class={cx('--slider')}>
-      <div class={cx('--slider__track')} />
-      <div class={cx('--slider__filled-track')} />
-      <div class={cx('--slider__thumb')} />
+  <div class:bx--slider-container={true} class:bx--skeleton={true}>
+    <span class:bx--slider__range-label={true} />
+    <div class:bx--slider={true}>
+      <div class:bx--slider__track={true} />
+      <div class:bx--slider__filled-track={true} />
+      <div class:bx--slider__thumb={true} />
     </div>
-    <span class={cx('--slider__range-label')} />
+    <span class:bx--slider__range-label={true} />
   </div>
 </div>