Fix SCSS semantic token variable errors across components

- Replace incorrect semantic token names with correct ones:
  • $semantic-border-width-thin → $semantic-border-width-1
  • $semantic-color-border-default → $semantic-color-border-primary
  • $semantic-spacing-content-* → $semantic-spacing-component-*
  • $semantic-typography-body-* → $semantic-typography-font-size-*
  • $semantic-typography-caption-* → $semantic-typography-font-size-*
  • $semantic-motion-easing-standard → $semantic-easing-standard
  • $semantic-color-surface-tertiary → $semantic-color-surface-secondary
  • Various hover color tokens → base color tokens

- Fix typography map usage errors:
  • Replace heading map tokens with individual size tokens
  • $semantic-typography-heading-h* → $semantic-typography-heading-h*-size

- Update affected components:
  • tooltip, divider, progress-circle, range-slider components
  • Related demo components and SCSS files

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

projects/demo-ui-essentials/src/app/features/dashboard/dashboard.component.ts

@@ -8,10 +8,11 @@ import {
   faTable, faImage, faImages, faPlay, faBars, faEdit, faEye, faCompass,
   faVideo, faComment, faMousePointer, faLayerGroup, faSquare, faCalendarDays, faClock,
   faGripVertical, faArrowsAlt, faBoxOpen, faChevronLeft, faSpinner, faExclamationTriangle,
-  faCloudUploadAlt, faFileText, faListAlt, faCircle, faExpandArrowsAlt
+  faCloudUploadAlt, faFileText, faListAlt, faCircle, faExpandArrowsAlt, faCircleNotch, faSliders,
+  faMinus, faInfoCircle
 } from '@fortawesome/free-solid-svg-icons';
 import { DemoRoutes } from '../../demos';
-import { ScrollContainerComponent } from '../../../../../ui-essentials/src/lib/layouts';
+import { ScrollContainerComponent } from '../../../../../ui-essentials/src/lib/layouts/scroll-container.component';
 // import { DemoRoutes } from "../../../../../ui-essentials/src/public-api";
 
 @Component({
@@ -89,6 +90,10 @@ export class DashboardComponent {
   faListAlt = faListAlt;
   faCircle = faCircle;
   faExpandArrowsAlt = faExpandArrowsAlt;
+  faCircleNotch = faCircleNotch;
+  faSliders = faSliders;
+  faMinus = faMinus;
+  faInfoCircle = faInfoCircle;
 
   menuItems: any = []
 
@@ -133,7 +138,8 @@ export class DashboardComponent {
       this.createChildItem("date-picker", "Date Picker", this.faCalendarDays),
       this.createChildItem("time-picker", "Time Picker", this.faClock),
       this.createChildItem("file-upload", "File Upload", this.faCloudUploadAlt),
-      this.createChildItem("form-field", "Form Field", this.faFileText)
+      this.createChildItem("form-field", "Form Field", this.faFileText),
+      this.createChildItem("range-slider", "Range Slider", this.faSliders)
     ];
     this.addMenuItem("forms", "Forms", this.faEdit, formsChildren);
 
@@ -144,7 +150,9 @@ export class DashboardComponent {
       this.createChildItem("progress", "Progress Bars", this.faCheckSquare),
       this.createChildItem("badge", "Badges", this.faCertificate),
       this.createChildItem("avatar", "Avatars", this.faUserCircle),
-      this.createChildItem("cards", "Cards", this.faIdCard)
+      this.createChildItem("cards", "Cards", this.faIdCard),
+      this.createChildItem("divider", "Divider", this.faMinus),
+      this.createChildItem("tooltip", "Tooltip", this.faInfoCircle)
     ];
     this.addMenuItem("data-display", "Data Display", this.faEye, dataDisplayChildren);
 
@@ -175,7 +183,8 @@ export class DashboardComponent {
       this.createChildItem("chips", "Chips", this.faTags),
       this.createChildItem("loading-spinner", "Loading Spinner", this.faSpinner),
       this.createChildItem("skeleton-loader", "Skeleton Loader", this.faSpinner),
-      this.createChildItem("empty-state", "Empty State", this.faExclamationTriangle)
+      this.createChildItem("empty-state", "Empty State", this.faExclamationTriangle),
+      this.createChildItem("progress-circle", "Progress Circle", this.faCircleNotch)
     ];
     this.addMenuItem("feedback", "Feedback", this.faComment, feedbackChildren);