message: resolve Cannot customize the background for Ranking items using theme variables
diff: @@ -203,7 +203,7 @@ export class StylesManager {
  ".sv-ranking-item__icon":
  "visibility: hidden;top:20px; fill: var(--primary, #19b394); position: absolute;",
  ".sv-ranking-item__index":
  - "display: flex; flex-shrink: 0; align-items: center; justify-content: center; background: rgba(25, 179, 148, 0.1); color: var(--foreground); border-radius: 100%; border:2px solid transparent; margin-right: 16px; width: 40px; height: 40px; line-height: 1em;",
  + "display: flex; flex-shrink: 0; align-items: center; justify-content: center; background: var(--primary-light, rgba(25, 179, 148, 0.1)); color: var(--foreground); border-radius: 100%; border:2px solid transparent; margin-right: 16px; width: 40px; height: 40px; line-height: 1em;",
  ".sv-ranking-item__text": "display: inline-block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;",
  ".sv-ranking-item__ghost": "display: none; background-color: var(--background-dim, #f3f3f3); border-radius: 100px;width: 200px;height: 55px;z-index: 1;position: absolute;left: 25px;",
  "[dir='rtl'] .sv-ranking-item__ghost": "left: initilal; right: 25px;",
  