Fix missing opacity property declarations across style files

Author: robertpiosik

packages/ui/src/components/editor/prompt/ResponsePreview/ResponsePreview.module.scss

@@ -139,7 +139,7 @@
       text-overflow: ellipsis;
 
       > span:last-child {
-        var(--dimmed-opacity);
+      opacity: var(--dimmed-opacity);
         margin-left: 0.5em;
         font-size: 0.9em;
       }

packages/ui/src/components/editor/prompt/ResponsePreview/components/FileItem/FileItem.module.scss

@@ -78,7 +78,7 @@
       white-space: nowrap;
 
       > span:last-child {
-        var(--dimmed-opacity);
+      opacity: var(--dimmed-opacity);
         margin-left: 0.5em;
         font-size: 0.9em;
       }

packages/ui/src/components/editor/prompt/Tasks/Tasks.module.scss

@@ -62,7 +62,7 @@
     color: var(--cwc-text-color-dimmed);
     &--checked {
       text-decoration: line-through;
-      var(--dimmed-opacity);
+    opacity: var(--dimmed-opacity);
     }
   }
 
@@ -97,7 +97,7 @@
 
     &--checked {
       text-decoration: line-through;
-      var(--dimmed-opacity);
+    opacity: var(--dimmed-opacity);
     }
 
     &--placeholder {

packages/ui/src/components/editor/settings/DefaultConfigurationSelector/DefaultConfigurationSelector.module.scss

@@ -12,7 +12,7 @@
 }
 
 .description {
-  var(--dimmed-opacity);
+opacity: var(--dimmed-opacity);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;