Angular生产环境CSS属性值空格丢失异常求助

无法准确描述该CSS异常，具体可查看图片。

环境信息 #

• 浏览器：最新版Chrome和Firefox
• 技术栈：Angular 16、Primeng 16
• 服务器：Cloudflare

package.json依赖 #

"dependencies": {
  "@angular/animations": "^16.2.12",
  "@angular/cdk": "^16.1.7",
  "@angular/common": "^16.2.12",
  "@angular/compiler": "^16.2.12",
  "@angular/core": "^16.2.12",
  "@angular/forms": "^16.2.12",
  "@angular/platform-browser": "^16.2.12",
  "@angular/platform-browser-dynamic": "^16.2.12",
  "@angular/router": "^16.2.12",
  "@microsoft/signalr": "^6.0.10",
  "exceljs": "^4.3.0",
  "file-saver": "^2.0.5",
  "guid-typescript": "^1.0.9",
  "html2canvas": "^1.4.1",
  "jspdf": "^2.5.1",
  "material-icons": "^1.10.8",
  "primeflex": "^3.3.1",
  "primeicons": "^6.0.1",
  "primeng": "^16.7.2",
  "rxjs": "^6.6.0",
  "tslib": "^2.3.0",
  "zone.js": "^0.13.1"
}

问题现象 #

清理Cloudflare缓存后样式加载正常，但多次刷新页面后该异常会出现，恳请有相关经验的开发者提供帮助。

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