feat: optimize code (ant-design#48072)

Author: kiner-tang

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

@@ -508,7 +508,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx extend context correct
 exports[`renders components/tag/demo/checkable.tsx extend context correctly 1`] = `
 <div
   class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
-  style="gap: 4px 0;"
+  style="gap: 4px;"
 >
   <span>
     Categories:

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

@@ -500,7 +500,7 @@ exports[`renders components/tag/demo/borderlessLayout.tsx correctly 1`] = `
 exports[`renders components/tag/demo/checkable.tsx correctly 1`] = `
 <div
   class="ant-flex ant-flex-wrap-wrap ant-flex-align-center"
-  style="gap:4px 0"
+  style="gap:4px"
 >
   <span>
     Categories:

components/tag/demo/checkable.tsx

@@ -14,7 +14,7 @@ const App: React.FC = () => {
   };
 
   return (
-    <Flex gap="4px 0" wrap="wrap" align="center">
+    <Flex gap={4} wrap="wrap" align="center">
       <span>Categories:</span>
       {tagsData.map<React.ReactNode>((tag) => (
         <Tag.CheckableTag