fix: Fix class names for dial-*-semi-text

[hhharmEpm]

Description and UI changes:

Semibold versions of several dial-*-text classes were referencing wrong base class (e.g. dial-small instead of dial-small-text), which resulted in incorrect styles

Issues:

• Issue #<TICKET_ID>

Checklist:

• the pull request name complies with Conventional Commits
• the pull request name ends with (Issue #<TICKET_ID>) (comma-separated list of issues)

New Component Checklist:

• component name starts with Dial
• custom css classes has dial- prefix
• component export added to index.ts
• jsdoc is added for component
• absolute paths are used for imports
  e.g. import { Button } from '@/components/Button/Button instead of import { Button } from '../../Button/Button
• stories are added
• tests are added