fix(Link): class name logic refactor (#19384)

* fix(Link): class name logic refactor

* fix(Link): always keep Carbon class names

---------

Co-authored-by: Taylor Jones <[email protected]>

Author: sjbeatle

packages/react/src/components/Link/Link-test.js

@@ -49,6 +49,27 @@ describe('Link', () => {
     expect(screen.getByRole('link')).toHaveClass('custom-class');
   });
 
+  it('should support a custom class on the element with the as property', () => {
+    render(
+      <Link
+        href="https://carbondesignsystem.com"
+        as="h1"
+        className="custom-class">
+        test
+      </Link>
+    );
+    expect(screen.getByRole('heading')).toHaveClass('custom-class');
+  });
+
+  it('should keep Carbon classes on the element with the as property', () => {
+    render(
+      <Link href="https://carbondesignsystem.com" as="h1">
+        test
+      </Link>
+    );
+    expect(screen.getByRole('heading').classList.length).toBeTruthy();
+  });
+
   it('should support being disabled', () => {
     render(
       <Link href="https://carbondesignsystem.com" disabled>

packages/react/src/components/Link/Link.tsx

@@ -14,12 +14,8 @@ import React, {
   ElementType,
   HTMLAttributeAnchorTarget,
 } from 'react';
+import { PolymorphicComponentPropWithRef } from '../../internal/PolymorphicProps';
 import { usePrefix } from '../../internal/usePrefix';
-import { PolymorphicProps } from '../../types/common';
-import {
-  PolymorphicComponentPropWithRef,
-  PolymorphicRef,
-} from '../../internal/PolymorphicProps';
 
 export interface LinkBaseProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
   /**
@@ -110,7 +106,7 @@ const LinkBase = React.forwardRef<
     });
     const rel = target === '_blank' ? 'noopener' : undefined;
     const linkProps: AnchorHTMLAttributes<HTMLAnchorElement> = {
-      className: BaseComponent ? undefined : className,
+      className,
       rel,
       target,
     };