css and js doing similar tasks

css&js.css

foo {
  color: hsl(100,80%,75%);
  background-color: hsl(100,20%,25%);
}

foo.map(styles => ({
  ...styles,
  color: 'hsl(100,80%,75%)',
  background-color: 'hsl(100,20%,25%)',
}))



foo {
  color: hsl(100,80%,75%);
  background-color: hsl(100,20%,25%);

  &.primary {
    color: hotpink;
  }
}

foo
  .filter(node => 
    node.classList.contains('primary'))
  .map(styles => ({
    ...styles,
    color: 'hotpink'
  }))