Playroom v0.40.0 版本发布：现代化改进与依赖优化

Playroom 是一个用于快速构建和测试 UI 组件的开发工具，它允许开发者在隔离的环境中实时预览和交互式地编辑组件。这个工具特别适合设计系统和组件库的开发，能够显著提高前端开发效率。最新发布的 v0.40.0 版本带来了一系列现代化改进和依赖优化，使工具更加精简高效。

默认配色方案调整为"系统"模式

本次更新中，Playroom 将默认的配色方案调整为"system"，这意味着工具会自动跟随操作系统的外观偏好设置。如果用户的操作系统设置为深色模式，Playroom 也会自动切换到深色主题；反之则为浅色主题。这一改进提供了更加一致的用户体验，减少了手动切换主题的需要。

支持 React 19 版本

为了保持与最新 React 生态的兼容性，v0.40.0 版本扩展了对 React 的支持范围，现在明确包含了 React 19 版本。这意味着开发者可以在 Playroom 中使用最新的 React 特性而不会遇到兼容性问题。同时，这也为未来 React 生态的升级铺平了道路。

移除过时的浏览器支持

随着现代浏览器对 Web 标准支持的不断完善，Playroom 决定放弃对一些老旧浏览器的支持。具体来说，v0.40.0 版本移除了对不支持 IntersectionObserver API 的浏览器的兼容性处理。IntersectionObserver 是现代浏览器中用于高效监测元素可见性的 API，移除相关 polyfill 减少了代码体积，提高了性能。

用户体验优化

本次更新对用户体验做了几项重要改进：

1. 移除了复制 Playroom 链接到剪贴板的快捷键绑定，简化了界面操作
2. 修复了"在标签中包裹选择内容"命令的 bug，该 bug 在某些情况下会导致光标位置不正确
3. 确保预览链接中正确显示网站图标(favicon)，提升视觉一致性

依赖项精简与现代化

v0.40.0 版本对项目依赖进行了大规模优化：

1. 用原生 CSS 相对颜色语法和 color-mix 函数替代了 polished 库，减少了对第三方颜色处理库的依赖
2. 移除了 react-use 依赖，进一步精简了项目
3. 移除了 lodash 依赖，转而使用现代 JavaScript 原生方法
4. 优化了 Vanilla Extract 插件的处理范围，现在它只会处理 Playroom 自身的 .css.ts 文件，提高了构建效率

这些依赖优化不仅减少了项目的体积，还提高了构建速度和运行时性能，同时降低了潜在的安全风险。

总结

Playroom v0.40.0 版本通过一系列现代化改进和依赖优化，使这个 UI 组件开发工具更加精简高效。从默认跟随系统配色方案，到支持最新的 React 19，再到移除过时的浏览器支持和对多个依赖项的优化，这些变化都体现了项目团队对现代化开发实践的追求。对于使用 Playroom 进行组件开发的团队来说，升级到这个版本将获得更好的开发体验和更高的效率。