Visually hidden
Use when an element needs to be available to assistive technology (for example, a screen reader) but otherwise hidden.
Deprecated
This component is no longer supported. Please use the Text component instead.
Mapping to the Text component
Example- <VisuallyHidden> - <Heading>Title and description</Heading> - </VisuallyHidden> + <Text visuallyHidden variant="headingMd" as="h2">Title and description</Text>