CSS 存在三層大括號的結構時會在解析時抛出异常：Declaration missing '}'

[k8cchaha]

问题描述

當 css 檔案存在三層大括號的結構時, css 解析會噴錯：
例如：
@layer primeng{{box-sizing:border-box}@media screen and (max-width: 769px){.p-datepicker table th,.p-datepicker table td{padding:.25rem}}}
或是
@layer primeng{{box-sizing:border-box}@Keyframes p-component-overlay-leave-animation{0%{background-color:var(--maskbg)}to{background-color:transparent}}}

复现步骤

1. 子應用的CSS樣式存在三層大括號
2. 基座應用使用 Micro App 掛載子應用, 會在解析時拋出異常

上传截图

复现仓库

https://k8cchaha.github.io/micro-app-feedback/app1

环境信息

• micro-app版本：1.0.0-rc.5
• 主应用前端框架&版本：任何前端框架&版本都會發生
• 子应用前端框架&版本：任何前端框架&版本都會發生
• 构建工具&版本：任何工具&版本都會發生

[github-actions]

Hello @k8cchaha. The issue you reported has been fixed. This issue will be closed. Thank you for your feedback.
您好 @k8cchaha，您反馈的问题已修复，该 issue 将要被关闭，感谢反馈。