test(storybook): add story for bold text and links to cover markdown edge cases

- Adds a  story to the text stories.
- Demonstrates bold text, a link inside bold, and bold inside a link.
- Ensures CSS changes are visually tested for all relevant markdown scenarios.

Author: shashankxrm

packages/ui-components/__design__/text.stories.tsx

@@ -77,4 +77,24 @@ export const HeadingsWithLinks: StoryObj = {
   ),
 };
 
+export const BoldAndLinks: StoryObj = {
+  render: () => (
+    <main>
+      <p>
+        <strong>Bold text (should inherit normal text color)</strong>
+      </p>
+      <p>
+        <strong>
+          <a href="#">Bold green link (link inside bold)</a>
+        </strong>
+      </p>
+      <p>
+        <a href="#">
+          <strong>Bold green link (bold inside link)</strong>
+        </a>
+      </p>
+    </main>
+  ),
+};
+
 export default { title: 'Design System' } as MetaObj;