Typing issues when using breakpoint properties in global styles

[Johoseph]

When passing breakpoint object properties into the bumbag global theme provider, typescript complains as below:

Example code setup to reproduce:

const theme = {
  Toast: {
    styles: {
      base: {
        maxWidth: {
          default: "400px",
          "max-mobile": "300px",
        },
      },
    },
  },
};

const App = () => {
  return (
    <BumbagProvider theme={theme}>
        <Component />
        <ToastManager />
    </BumbagProvider>
  );
};

Expected behavior

No typescript compilation error.

Using non-native version 2.7.21