Docusaurus RTL配置异常：侧边栏、目录及Markdown区域未生效

我在配置Docusaurus的RTL布局时遇到了问题，尝试通过修改CSS解决，代码如下：

html {
  direction: rtl;
  font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif;
}

/* Optionally, override Infima's font for all elements */
* {
  font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif;
}

/* Sidebar */

[class^="button button--secondary button--outline collapseSidebarButton_1CGd"] {
  border-bottom: unset !important;
}

/* Sidebar RTL: Move sidebar border/line to the right */
html[dir="rtl"] .theme-doc-sidebar-container {
  border-right: var(--ifm-toc-border-width, 1px) solid var(--ifm-toc-border-color, #ebedf0);
  border-left: none;
}

但Markdown内容区域、侧边栏及目录（TOC）的内容完全未响应RTL设置，相关问题细节可参考附图：

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