[ruslan_mart]

nth-child подразумевает подядок элементов на одном уровне вложенности.

.preview__item {
   &:nth-of-type(1) .preview__subtitle {
      color: red;
   }
 
   &:nth-of-type(2) .preview__subtitle {
      color: green;
   }
 
   &:nth-of-type(3) .preview__subtitle {
      color: rgb(195, 7, 170);
   }
}

Но лучше даже так:

.preview__item {
   &:nth-of-type(1) {
      --subtitle-color: red;
   }
 
   &:nth-of-type(2) {
      --subtitle-color: green;
   }
 
   &:nth-of-type(3) {
      --subtitle-color: rgb(195, 7, 170);
   }
}

.preview__subtitle {
  color: var(--subtitle-color);
}