docs: migrate Tag docs to csf3

Author: Nikolai Lopin

src/components/Tag/docs/Tag.stories.mdx

@@ -0,0 +1,27 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Tag } from '../Tag';
+
+const meta: Meta = {
+    title: 'Components/Tag',
+    component: Tag,
+    argTypes: {
+        children: {
+            description: 'Content of the tag'
+        }
+    },
+    args: {
+        children: 'Taxi'
+    }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Tag>;
+
+export const Default: Story = {};
+
+export const NotDismissible: Story = {
+    args: {
+        dismissible: false
+    }
+};

src/components/Tag/docs/Tag.stories.tsx

@@ -0,0 +1,19 @@
+import { Primary, Stories, ArgTypes, Meta } from '@storybook/blocks';
+import { StyledSystemLinks } from '../../../docs/StyledSystemLinks';
+import * as TagStories from './Tag.stories';
+
+<Meta of={TagStories} />
+
+# Tag
+
+The Tag component is used to categorize items. The text inside the Tag should be kept as short as possible. Multi-labels
+should be avoided as well.
+
+<Primary />
+
+## Properties
+
+<ArgTypes of={TagStories} />
+<StyledSystemLinks component="Tag" supportedProps={['margin']} />
+
+<Stories includePrimary={false} />