message: fix(button): Make PageButton in Pagination themable
  Fixes:
  Adds theming support to `PageButton`
  [category:Components]
diff: import * as React from 'react';
  -import {styled} from '@workday/canvas-kit-react/common';
  +import {EmotionCanvasTheme, styled, useTheme} from '@workday/canvas-kit-react/common';
  import {borderRadius, colors, space} from '@workday/canvas-kit-react/tokens';
  import {BaseButton} from '@workday/canvas-kit-react/button';
  @@ -19,22 +19,27 @@ const StyledPageButton = styled(BaseButton)<{toggled?: boolean}>(
  }
  );
  -const getPaginationButtonColors = (toggled: boolean) => {
  +const getPaginationButtonColors = (toggled: boolean, theme: EmotionCanvasTheme) => {
  + const {
  + canvas: {
  + palette: {primary: themePrimary},
  + },
  + } = theme;
  return {
  default: {
  - background: toggled ? colors.blueberry400 : 'transparent',
  + background: toggled ? themePrimary.main : 'transparent',
  label: toggled ? colors.frenchVanilla100 : colors.blackPepper400,
  },
  hover: {
  - background: toggled ? colors.blueberry400 : colors.soap300,
  + background: toggled ? themePrimary.main : colors.soap300,
  label: toggled ? colors.frenchVanilla100 : colors.blackPepper400,
  },
  active: {
  - background: toggled ? colors.blueberry400 : 'transparent',
  + background: toggled ? themePrimary.main : 'transparent',
  label: toggled ? colors.frenchVanilla100 : colors.blackPepper400,
  },
  focus: {
  - background: toggled ? colors.blueberry400 : 'transparent',
  + background: toggled ? themePrimary.main : 'transparent',
  label: toggled ? colors.frenchVanilla100 : colors.blackPepper400,
  },
  disabled: {
  @@ -56,16 +61,18 @@ export const PageButton = ({
  ...elemProps
  }: PageButtonProps) => {
  const isCurrentPage = pageNumber === model.state.currentPage;
  + const theme = useTheme();
  const handleClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
  onClick?.(e);
  model.events.goTo(pageNumber);
  };
  + console.warn(theme);
  return (
  <StyledPageButton
  aria-current={isCurrentPage ? 'page' : undefined}
  - colors={getPaginationButtonColors(isCurrentPage)}
  + colors={getPaginationButtonColors(isCurrentPage, theme)}
  aria-pressed={undefined}
  onClick={handleClick}
  toggled={isCurrentPage}
  