1010172: Replace @import with @use for SCSS themes

[KarthikeyanSF4227]

Description

Task-1010172 - Changed the @import statement to @use

Code Studio usage(Mandatory)

• Code Studio used in this PR/MR?

  • Yes
  • No

• If Yes: Primary use (choose one)

  • Generate new content
  • Refactor/improve existing content
  • Review assistance (explanations/summaries)
  • Other:

• Outcome

  • Saved time
  • Neutral
  • Cost time

• If “Cost time” explain in short (1 or 2 lines):

Type of Change

• New documentation page
• Update to existing documentation
• Bug fix (broken links, typos, formatting issues)
• Structural change (folders, navigation, index)
• Content improvement (clarity, examples, screenshots)
• Other (please describe):

Reviewer Checklist (Mandatory)

• Reviewed the provided Code Studio usages related information
• Content changes follow UG/Documentation guidelines
• All provided information reviewed and verified
• Links and previews checked

[SyncfusionBuild]

Build Status: INPROGRESS 🔃
Build Location: 1010172-use-importH

[SyncfusionBuild]

CI Status: SUCCESS ✅
Source Compilation: SUCCESS ✅
Build Location: 1010172-use-importH
Technical Error(s): 0
Spelling Error(s): 0
Image Alt Text Error(s): 0
Image Size Error(s): 0
Image Name Error(s): 0
Front matter Error(s): 0
File Path Error(s): 0
CodeSnippet File Path Missing Error(s): 0
Toc Anchor Tags Validation Error(s): 0
MD Tag Validation Error(s): 0