修复 #61763

到目前为止，这是一个概念证明。请不要合并。

本PR探索了一种通过在基本button组件周围使用包装器组件来改进“Show button text labels”首选项的方法。wnew包装器组件位于编辑包，因为“Show button text labels”首选项特定于Gutenberg编辑器。基本Button组件保持不变。
包装器组件负责检索首选项并添加一些简单的逻辑，以将适当的props传递给Button。

什么？

“Show button text labels”首选项多次中断，因为它本身就很脆弱，并且基于CSS伪元素。
这个：：之前和：：之后伪元素已经用于其他目的，用于各种按钮、选项卡按钮等。在编辑器中，主要用于焦点样式、活动样式等。使用这些伪元素还可以显示按钮文本是脆弱的，容易发生CSS冲突。

为什么？

“Show button text labels”首选项应该可靠、可测试，并且不使用CSS攻击。

怎么用？

• 在编辑器包中添加新组件，暂时命名首选项感知按钮。关于更好命名欢迎的建议。
• 使用顶栏“文档工具”中的新组件，在适当的地方替换基本按钮。
• 启用首选项时：
  • 按钮偶像道具设置为无效的.
  • 按钮文本道具设置为标签值。
  • 按钮获取CSS类is-showing-icon标签可用于样式调整。

测试说明

• 转到帖子编辑器>选项>首选项>辅助功能，并启用“显示按钮文本标签”首选项。
• 关闭首选项模式对话框。
• 观察顶部栏中“文档工具”中的按钮，包括主插入器切换。截图：

• 观察到与之前的实现相比没有任何视觉上的变化。
• 使用浏览器开发工具检查源代码。
• 观察按钮不包含SVG图标。以前，图标是通过CSS隐藏的。
• 观察按钮可见文本是按钮元素内的实际文本。以前，文本是通过CSS伪元素生成的，并使用内容：attr（aria-label）；.
• 观察按钮工具提示是否按预期工作。注意：只有具有关联键盘快捷键的按钮才需要显示工具提示。

键盘测试说明

屏幕截图或屏幕广播