feat(components): Require indigo-palette to be used in m3 styles

[kai1992cool]

Feature Description

$indigo-palette does not seem to be usable with m3 when I tried the below code

$m3-dark-theme: matx.define-theme(
  (
    color: (
      theme-type: dark,
      primary: matx.$m3-indigo-palette,
      tertiary: matx.$m3-blue-palette,
    ),
  )
);

I get an error!

./src/theme.scss?ngGlobalStyle - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
HookWebpackError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Undefined variable.
  ╷
8 │       primary: matx.$m3-indigo-palette,
  │                ^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/theme.scss 8:16  root stylesheet

Stackblitz Demo

Use Case

Indigo palette is one of the common styles used by angular, so it has to be there in m3 right?

[crisbeto]

These are the available M3 palettes which don't include the Indigo one: https://github.com/angular/components/blob/main/src/material/_index.scss#L9-L11. You may be able to use the violet one instead.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}