如何将Material 3主题构建器生成的主题应用到Angular 17.2.0项目

我正在使用Angular 17.2.0，想要为实验性Material 3 UI应用配置自定义主题。已经从Material 3主题生成器导出了主题包，里面包含多个CSS文件，其中theme.css通过@import引入了其他所有文件。但目前找不到适配Material 3的自定义主题使用文档，现有文档都是围绕Material 2的预定义调色板或主次颜色设置展开的。

当前styles.scss文件代码如下：

@use '@angular/material' as mat;
@use '@angular/material-experimental' as matx;

$dark-theme: matx.define-theme((
  color: (
    theme-type: dark,
    primary: matx.$m3-green-palette
  ),
  density: (
    scale: -1
  )
)); 

*{
  @include mat.all-component-themes($dark-theme);
}

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

已尝试的操作：

• 直接引入导出的theme.css文件
• 在相关官方平台查找解决方案，但未找到有效方法
• 试过添加和不添加@include mat.core()的情况，问题仍未解决

内容的提问来源于stack exchange，提问作者Nav12