Merge branch 'vnext' into ESShared/XPlaform_jp_igniteui-xplat-docs-make-pr-JP+KR_2025.6.4.1

Author: ChronosSF

en/components/circular-progress.md

@@ -161,15 +161,14 @@ Add some styles:
 
 ```scss
 .custom-size {
-  width: 100px;
-  height: 100px;
+  --diameter: 100px;
 }
 
 .sample-content {
   width: 300px;
   display: flex;
   align-items: center;
-  margin-top: 30px;
+  margin: 30px;
 }
 ```
 
@@ -245,6 +244,7 @@ Following the simplest approach, we create a new theme that extends the [`progre
 $custom-theme: progress-circular-theme(
   $base-circle-color: lightgray,
   $fill-color-default: rgb(32, 192, 17),
+  $diameter: 50px
 );
 ```
 

jp/components/circular-progress.md

@@ -162,15 +162,14 @@ export class HomeComponent {
 
 ```scss
 .custom-size {
-  width: 100px;
-  height: 100px;
+  --diameter: 100px;
 }
 
 .sample-content {
   width: 300px;
   display: flex;
   align-items: center;
-  margin-top: 30px;
+  margin: 30px;
 }
 ```
 
@@ -246,6 +245,7 @@ $custom-theme: progress-circular-theme(
 $custom-theme: progress-circular-theme(
   $base-circle-color: lightgray,
   $fill-color-default: rgb(32, 192, 17),
+  $diameter: 50px
 );
 ```