fix(flexgrid): include flexgrid styles in @carbon/styles and @carbon/react

[tay1orjones]

FlexGrid styles weren't being output from the new packages. I also had to move aspect ratio to it's own module to avoid duplicating it in both the css-grid and flex-grid styles

Changelog

New

• include flexgrid styles in @carbon/styles and @carbon/react
• add flexgrid stories to v11 storybook

Changed

• move aspect ratio out of grid to it's own module within @carbon/styles

Testing / Reviewing

• New v11 storybook should show FlexGrid stories rendered properly with styles.
• Aspect ratio stories in both v10 and v11 storybook should be unaffected
• To test 12 column configuration:

  • View the FlexGrid "Responsive" story in the large breakpoint - the columns do not take up the full space because there is 16 columns now by default.

    • 

  • Modify storybook's @use to configure the new $flex-grid-columns option
    

    carbon/packages/carbon-react/.storybook/styles.scss

    Lines 7 to 8 in 83f414f

    	@use '../index.scss' as styles;

  - @use '../index.scss' as styles
  + @use '../index.scss' as styles with (
  +   $flex-grid-columns: 12
  + );

  • View the FlexGrid "Responsive" story in the large breakpoint again - the columns now take up the full space because 12 columns have been configured
    • 

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 4e1bf52

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/6206a36f2c8c5f00085c0278

😎 Browse the preview: https://deploy-preview-10666--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!

🔨 Explore the source changes: 4e1bf52

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/6206a36f4b0fb7000712bcc8

😎 Browse the preview: https://deploy-preview-10666--carbon-components-react.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 4e1bf52

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/6206a36f1f2e3000074864f4

😎 Browse the preview: https://deploy-preview-10666--carbon-elements.netlify.app

[jnm2377]

🔥 thanks for getting this in so quickly!

[aledavila]

TY!! lgtm