Expose --focus-ring prop on tab

src/components/tab-group/tab-group.scss

@@ -22,7 +22,7 @@
 
   // Remove the focus ring when the user isn't interacting with a keyboard
   &:not(.focus-visible) ::slotted(sl-tab) {
-    --focus-ring-box-shadow: none;
+    --focus-ring: none;
   }
 }
 

src/components/tab/tab.scss

@@ -1,7 +1,10 @@
 @import 'component';
 
+/**
+ * @prop --focus-ring: The focus ring's box shadow.
+ */
 :host {
-  --focus-ring-box-shadow: var(--sl-focus-ring-box-shadow-inset);
+  --focus-ring: var(--sl-focus-ring-box-shadow-inset);
 
   display: inline-block;
 }
@@ -28,7 +31,7 @@
 
   &:focus:not(.tab--disabled) {
     color: var(--sl-color-primary-50);
-    box-shadow: var(--focus-ring-box-shadow);
+    box-shadow: var(--focus-ring);
   }
 
   &.tab--active:not(.tab--disabled) {