feat(select-item): spread rest props, avoid $ variable name

docs/src/COMPONENT_API.json

@@ -6428,7 +6428,8 @@
       ],
       "slots": [],
       "events": [],
-      "typedefs": []
+      "typedefs": [],
+      "rest_props": { "type": "Element", "name": "option" }
     },
     {
       "moduleName": "SelectItemGroup",

src/Select/SelectItem.svelte

@@ -17,8 +17,8 @@
 
   let selected = false;
 
-  const unsubscribe = ctx.selectedValue.subscribe(($) => {
-    selected = $ === value;
+  const unsubscribe = ctx.selectedValue.subscribe((currentValue) => {
+    selected = currentValue === value;
   });
 
   onDestroy(() => {
@@ -32,8 +32,7 @@
   hidden="{hidden}"
   selected="{selected}"
   class:bx--select-option="{true}"
-  class="{$$restProps.class}"
-  style="{$$restProps.style}"
+  {...$$restProps}
 >
   {text || value}
 </option>

types/Select/SelectItem.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="svelte" />
 
-export interface SelectItemProps {
+export interface SelectItemProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["option"]> {
   /**
    * Specify the option value
    * @default ""