在 Ant Design v5 中开启 CSS 变量后，您可以通过以下步骤来修改变量属性：

1. 开启 CSS 变量模式：

   • 在 ConfigProvider 的 theme 属性中，通过 cssVar 配置来开启 CSS 变量模式。这个配置会被继承，所以希望全局开启 CSS 变量模式的话，只需要在根节点的 ConfigProvider 中配置即可。

   // React 18
   <ConfigProvider theme={{ cssVar: true }}>
     <App />
   </ConfigProvider>
   
   // React 17 or 16
   <ConfigProvider theme={{ cssVar: { key: 'app' } }}>
     <App />
   </ConfigProvider>

2. 修改主题：

   • 在 CSS 变量模式下，修改主题的方法与之前无异。您可以参考 Ant Design 的定制主题文档来进行主题的定制。

3. 关闭 hash（可选）：

   • 如果您的应用中只存在一个版本的 antd，您可以选择关闭 hash 来进一步减小样式体积：

   <ConfigProvider theme={{ cssVar: true, hashed: false }}>
     <App />
   </ConfigProvider>

通过这些步骤，您可以在 Ant Design v5 中开启并修改 CSS 变量属性。