chore: unique Empty text color (#49408)

* chore: unique color

* test: update snapshot

components/empty/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -1020,7 +1020,9 @@ exports[`renders components/empty/demo/customize.tsx extend context correctly 1`
   <div
     class="ant-empty-description"
   >
-    <span>
+    <span
+      class="ant-typography"
+    >
       Customize 
       <a
         href="#API"

components/empty/__tests__/__snapshots__/demo.test.ts.snap

@@ -738,7 +738,9 @@ exports[`renders components/empty/demo/customize.tsx correctly 1`] = `
   <div
     class="ant-empty-description"
   >
-    <span>
+    <span
+      class="ant-typography"
+    >
       Customize 
       <a
         href="#API"

components/empty/demo/customize.tsx

@@ -1,14 +1,14 @@
 import React from 'react';
-import { Button, Empty } from 'antd';
+import { Button, Empty, Typography } from 'antd';
 
 const App: React.FC = () => (
   <Empty
     image="https://gw.alipayobjects.com/zos/antfincdn/ZHrcdLPrvN/empty.svg"
     imageStyle={{ height: 60 }}
     description={
-      <span>
+      <Typography.Text>
         Customize <a href="#API">Description</a>
-      </span>
+      </Typography.Text>
     }
   >
     <Button type="primary">Create Now</Button>

components/empty/style/index.ts

@@ -42,7 +42,7 @@ const genSharedEmptyStyle: GenerateStyle<EmptyToken> = (token): CSSObject => {
       },
 
       [`${componentCls}-description`]: {
-        color: token.colorText,
+        color: token.colorTextDescription,
       },
 
       // 原来 &-footer 没有父子结构，现在为了外层承担我们的hashId，改成父子结果