Fix scss deprecation warnings (#5429)

Author: absidue

src/renderer/components/ft-icon-button/ft-icon-button.scss

@@ -101,11 +101,11 @@
   &.favorite,
   &.favorite:hover,
   &.favorite:focus-visible {
+    color: var(--favorite-icon-color);
+
     &:not(.disabled) {
       color: var(--favorite-icon-color);
     }
-
-    color: var(--favorite-icon-color);
   }
 }
 

src/renderer/components/ft-refresh-widget/ft-refresh-widget.scss

@@ -1,8 +1,6 @@
 @use '../../scss-partials/utils';
 
 .floatingRefreshSection {
-  @include utils.fixed-top-bar;
-
   box-sizing: border-box;
   padding-block: 5px;
   padding-inline: 10px;
@@ -13,6 +11,8 @@
   align-items: center;
   gap: 5px;
   justify-content: flex-end;
+
+  @include utils.fixed-top-bar;
 }
 
 .floatingRefreshSection:has(.lastRefreshTimestamp + .refreshButton) {

src/renderer/scss-partials/_ft-list-item.scss

@@ -56,10 +56,10 @@ $watched-transition-duration: 0.5s;
   padding: 6px;
 
   &.watched {
-    @include low-contrast-when-watched(var(--primary-text-color));
-
     background-color: var(--bg-color);
 
+    @include low-contrast-when-watched(var(--primary-text-color));
+
     .thumbnailImage {
       opacity: 0.3;
       transition: opacity $watched-transition-duration;
@@ -227,14 +227,14 @@ $watched-transition-duration: 0.5s;
     }
 
     .title {
-      @include low-contrast-when-watched(var(--primary-text-color));
-
       font-size: 20px;
       grid-area: title;
       text-decoration: none;
       word-break: break-word;
       word-wrap: break-word;
 
+      @include low-contrast-when-watched(var(--primary-text-color));
+
       @include is-sidebar-item {
         font-size: 15px;
       }
@@ -247,24 +247,24 @@ $watched-transition-duration: 0.5s;
       overflow-wrap: anywhere;
       text-align: start;
 
+      @include low-contrast-when-watched(var(--secondary-text-color));
+
       @include is-sidebar-item {
         font-size: 12px;
       }
 
-      @include low-contrast-when-watched(var(--secondary-text-color));
-
       .channelName {
         @include low-contrast-when-watched(var(--secondary-text-color));
       }
     }
 
     .description {
-      @include low-contrast-when-watched(var(--secondary-text-color));
-
       font-size: 14px;
       grid-area: description;
       max-block-size: 50px;
       overflow-y: hidden;
+
+      @include low-contrast-when-watched(var(--secondary-text-color));
     }
   }