Playroom v0.42.0 版本发布：CSS 格式化与依赖优化

Playroom 是一个用于设计和构建 UI 组件的交互式开发环境，它允许开发者在隔离的环境中快速构建、测试和共享 React 组件。最新发布的 v0.42.0 版本带来了两项重要改进，既优化了开发体验又提升了项目构建效率。

核心变更一：CSS 嵌入式格式化支持

新版本中最大的亮点是对嵌入式 CSS 格式化的支持。在 React 开发中，我们经常使用内联样式或 CSS-in-JS 方案，其中一种常见模式是在 JSX 中使用 style 标签配合 jsx 属性来编写组件样式。

现在，Playroom 能够智能识别这种模式，并自动对 style 标签内的 CSS 代码进行格式化。例如：

<style jsx>
  {`
    .foo {
      color: red;
    }
  `}
</style>

这段代码会被 Playroom 自动格式化为符合 CSS 规范的样式代码。这一功能利用了 Prettier 的嵌入式语言格式化能力，为开发者提供了更加一致的代码风格体验。

这项改进特别适合使用 CSS-in-JS 方案的团队，它能够：

1. 保持项目中的样式代码风格统一
2. 提高代码可读性
3. 减少手动调整格式的时间
4. 避免因格式不一致导致的代码评审问题

核心变更二：依赖优化与性能提升

v0.42.0 版本对项目依赖进行了重大调整，用 tinyglobby 替换了原有的 fast-glob 依赖。这一变更带来了以下优势：

1. 依赖树简化：移除了 6 个传递性依赖，使项目更加轻量化
2. 构建效率提升：更精简的依赖意味着更快的安装和构建速度
3. 维护性增强：减少了潜在依赖冲突的可能性

需要注意的是，这一变更可能会影响 playroom 配置中的 typescriptFiles 属性的行为。虽然 tinyglobby 旨在模仿 fast-glob 的行为，但并非所有功能都保证完全相同。开发者需要检查自定义的 glob 模式是否按预期工作。

升级建议

对于现有项目升级到 v0.42.0 版本，建议开发者：

1. 检查项目中是否使用了自定义的 typescriptFiles 配置
2. 验证 CSS 格式化功能是否符合预期
3. 评估构建时间和依赖大小是否有所改善

这两个核心改进体现了 Playroom 项目对开发者体验的持续关注，既提升了日常开发的便利性，又优化了项目的构建效率，是值得升级的一个版本。