docs: 📚 add migration guide for sd-paragraph (#629)

packages/components/src/docs/Migration/ui-paragraph.mdx

@@ -0,0 +1,36 @@
+# Migration Guide: From `ui-paragraph` to `sd-paragraph`
+
+The new `sd-paragraph` is designed to replace the `ui-paragraph`. Rather than offering a complex component structure, they primarily focus on providing CSS styles for paragraph elements.
+
+## 💾 Slots
+
+### ❌ Removed Slots
+
+The following slots have been removed from the new sd-paragraph component:
+
+1. [default]
+
+<hr />
+
+## ⚙️ Attributes
+
+### ❌ Removed Attributes
+
+The following attributes have been removed from the new sd-paragraph component:
+
+1. [columns]
+
+<hr />
+## 🎨 CSS Classes
+
+### ✨ New CSS Classes
+
+#### [sd-paragraph--size-sm]
+
+This class sets a smaller paragraph size. You can use this option for a smaller font size to accomodate smaller container/screen sizes.
+
+#### [sd-paragraph--inverted]
+
+This class inverts the paragraph element.
+
+<hr />