chore(deps): update dependency @zendeskgarden/react-theming to v9 (#675)

Author: renovate[bot]

.storybook/preview.js

@@ -32,7 +32,7 @@ export const parameters = {
 
 const GlobalStyle = createGlobalStyle`
   :focus-visible {
-    outline-color: ${p => getColor('primaryHue', 600, p.theme)};
+    outline-color: ${getColor({ theme: DEFAULT_THEME, variable: 'border.primaryEmphasis' })};
   }
 `;
 

package-lock.json

@@ -62,7 +62,7 @@
     "@types/react-dom": "18.3.0",
     "@types/styled-components": "5.1.34",
     "@zendeskgarden/eslint-config": "44.0.1",
-    "@zendeskgarden/react-theming": "8.76.7",
+    "@zendeskgarden/react-theming": "9.3.0",
     "@zendeskgarden/scripts": "2.4.2",
     "@zendeskgarden/tailwindcss": "3.1.1",
     "autoprefixer": "10.4.20",

package.json

@@ -8,7 +8,7 @@
 import React, { forwardRef } from 'react';
 import { StoryFn } from '@storybook/react';
 import { createGlobalStyle } from 'styled-components';
-import { PALETTE } from '@zendeskgarden/react-theming';
+import { DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
 import {
   FocusVisibleContainer,
   IFocusVisibleContainerProps,
@@ -23,7 +23,7 @@ const GlobalStyle = createGlobalStyle`
 
   .garden-focus-visible,
   [data-garden-focus-visible='true'] {
-    box-shadow: 0 0 0 2px ${PALETTE.green[400]};
+    box-shadow: 0 0 0 2px ${getColor({ theme: DEFAULT_THEME, hue: 'green', shade: 600 })};
   }
 
   blockquote p::before {