Angular 11集成Tailwind 2生产构建引入utilities时报缺少分号错误

• 技术栈组合：Angular 11 + Tailwind CSS 2
• 自定义配置情况：未接入自定义webpack、postCSS配置，尝试添加这类配置后触发的报错完全一致

执行生产版本构建流程时，控制台抛出如下编译中断错误：

Generating browser application bundles (phase: building)...An unhandled exception occurred: styles.add0c6b01f26781b3fec.css D:\Dev\Angular\project\styles.add0c6b01f26781b3fec.css:1344:16: Missed semicolon
See "C:\Users\farka\AppData\Local\Temp\ng-IzKrHt\angular-errors.log" for further details

• 报错无例外出现在样式文件中引入@import 'tailwindcss/utilities';时，移除该工具类导入语句后，构建流程可顺利完成
• 在生产配置中关闭样式压缩能力，构建可正常完成，对应angular.json中的优化配置片段为：

"configurations": {
  "production": {
    "optimization": {
      "scripts": true,
      "styles": {
        "minify": false,
        ...
      }
    }
  }
}

本地错误日志文件中记录的堆栈信息如下：

[error] Error: styles.add0c6b01f26781b3fec.css D:\Dev\Angular\project\node_modules\@angular-devkit\build-angular\src\webpack\plugins\optimize-css-webpack-plugin.js:98:48
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)

需要可落地的定位、修复方案，解决引入Tailwind工具类后，生产构建压缩CSS环节触发的分号缺失编译错误。

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