[Text] Add heading element support and fix lineClamp variant

[ravisuhag]

Summary

Text is a custom polymorphic typography component using CVA. Has hardcoded pixel values in deprecated size variants, missing heading element support, and outdated JSDoc comments.

Improvements

2. Add heading element support (h1-h6)

The as prop supports span, div, p, label, a but not heading elements. Users cannot render semantically correct headings.

3. Add single-line truncation variant

Only lineClamp exists for multi-line truncation. Missing a truncate variant for common single-line text-overflow: ellipsis pattern.

6. Fix lineClamp variant returning arrays

lineClamp variant returns class arrays [styles['text-line-clamp'], styles['text-line-clamp-1']] instead of single class strings. Inconsistent with other variants.

Moved to Cross-Cutting Issues

The following items have been moved to cross-cutting issues that address them across all components:

• Replace hardcoded CSS values with design tokens (Replace hardcoded CSS values with design tokens #672)
• Clean up deprecated code (Clean up deprecated code, unused CSS, and legacy patterns #682)

Files

• packages/raystack/raystack/components/text/