fix: Update BaseButton to use correct theming color for focus ring (#…

…2942)

Fixes: #2940  

Addresses issue for theming the buttons in the `Pagination` component.

[category:Components]

Release Note:
Fixes theming for the `BaseButton` within `Pagination`.

modules/react/button/lib/BaseButton.tsx

@@ -165,7 +165,7 @@ const baseButtonStyles = createStyles({
       width: 2,
       separation: 2,
       innerColor: cssVar(buttonVars.focus.boxShadowInner, base.frenchVanilla100),
-      outerColor: cssVar(buttonVars.focus.boxShadowOuter, brand.primary.base),
+      outerColor: cssVar(buttonVars.focus.boxShadowOuter, brand.common.focusOutline),
     }),
   },
   '&:hover, &.hover': {