Reproduction link

Steps to reproduce

Run the reproduction app. Inspect styling of the "This child is placed in the document body." element that is teleported to the body.

What is expected?

Element teleported to the body should inherit styling from antd theme.

What is actually happening?

Teleported element is not inheriting styles, as styles are only applied starting from Layout antd component, which is inside the body and container element, where app is rendered.
In previous version body was styled using those less variables:

body {
  color: @text-color;
  font-size: @font-size-base;
  font-family: @font-family;
  font-variant: @font-variant-base;
  line-height: @line-height-base;
  background-color: @body-background; // 2
  font-feature-settings: @font-feature-settings-base;
}

Now it is not happening, since antd V5 uses css-in-js.

1. I know this philosophy to make body being styled with theme variables contradicts to using css-in-js, but maybe you have some idea how can we go around it? Probably use the same variable in theme and in body styles. But I think this is a general issue, as it is often needed to teleport stuff to body to be properly displayed.
2. I noticed, that in the reset.css you do not provide font family for body, but you provide monospace font family for monospace html tags. Why? What if someone change fontFamilyCode in the theme - that won't be reflected in the reset.css?