🐛[BUG] StepFrom中套用ProForm时，ProForm样式乱套，colon失效

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

### 🐛 bug 描述
StepFrom中套用ProForm时，ProForm样式乱套，colon失效

### 🏞 期望结果
不受外层样式影响

### 💻 复现代码
https://codesandbox.io/s/form-de-layout-qie-huan-forked-wqsqsq?file=/App.tsx:0-793
```tsx
import { ProForm, ProFormText, StepsForm } from "@ant-design/pro-components";
import { Col, Input } from "antd";

const MyProForm = () => (

);

export default () => {
return (

```
### © 版本信息

- ProComponents 版本: [e.g. 4.0.0]
- umi 版本
- 浏览器环境
- 开发环境 [e.g. mac OS]

### 🚑 其他信息

Start with the App.tsx reproduction in the linked CodeSandbox, comparing the MyProForm rendered inside StepsForm.StepForm with the standalone form. Verify the affected ProForm layout and colon behavior, then confirm that the nested form is no longer altered by the outer styling and that colon works as configured.

Written by the indexing model from the issue text.