Restricting the `as` prop with Stitches

restricted-as-prop.tsx

import type * as Polymorphic from "@radix-ui/react-polymorphic";
import type { ComponentProps } from "react";
import React, { forwardRef } from "react";

import { styled } from "../../theme";

const DEFAULT_TAG = "p";
const StyledText = styled(DEFAULT_TAG, {
  // your styles
});

export interface TextProps extends ComponentProps<typeof StyledText> {
  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "p" | "li" | "pre" | "span" | "label";
}

type PolymorphicText = Polymorphic.ForwardRefComponent<
  typeof DEFAULT_TAG,
  TextProps
>;

export const Text = forwardRef((props, ref) => (
  <StyledText ref={ref} {...props} />
)) as PolymorphicText;