Кира

Вы не понимаете сути препроцессоров.
В браузере нет никаких sass переменных. А значит и изменить вы их не можете.

Как правильно сделать переключение темы?

CSS и JS:
К примеру, у вас имеется большое количество (Х штук) css или js файлов, которое вы подключаете на своих страницах посредством тэгов <link> и <src>.
При загрузке страницы, браузер клиента будет отправлять X запросов к вашему серверу, а ваш сервер должен будет ответить на X запросов.
Это:

1. Тормозит загрузку страницы - будете ждать ответа от сервера
   
2. Загружает ваш сервер
   

С помощью сборщиков фронтэнда вы можете "склеить" все файлы в один - main.css и main.js, которые будут отдаваться 2 запросами с сервера. Также, вы сможете минифицировать CSS и JS. Под минификацией подразумевается уменьшение размеров файла на диске. Естественно, более легкий файлы будет быстрее прогружаться + минимальное количество запросов к серверу.

IMG:
К примеру, у вас имеется Х изображений размером 700 Кбайт. Клиенту надо будет загрузить 700 * X Кбайт. Если вы пропустите свои изображения через Gulp, то вы получите изображения с меньшим размером на диске и такого же качества, т.е. клиенту придется прогрузить примерно (500-600) * X Кбайт.

router.get('/', (req, res, next) => {
    const responseData = data.map(d => d.title);
    res.status(200).json(responseData);
})

GROUP BY и COUNT

SELECT post_id, count(post_id) as cnt FROM MyTable GROUP BY post_id

Это элементарный вопрос, на который ответит любой школьник, изучающий информатику

document.getElementById(id).classList.add('box');

var clickId1 = document.getElementById('clickId1') // кнопка
var contentId1 = document.getElementById('contentId1') // контент

const myClass = 'contentClass2'

switch(localStorage.getItem('theme')) {
  case myClass:
    contentId1.classList.toggle(myClass)
}

clickId1.addEventListener('click', () => {
  contentId1.classList.toggle(myClass)

  if (contentId1.classList.contains(myClass)) {
    localStorage.setItem('theme', myClass);
  } else {
    localStorage.removeItem('theme', myClass);
  }
})

const els = document.querySelectorAll('#id1, #id2, #id3');

Или так:

const els = 'id1,id2,id3' // ух ты, строка!
  .split(',')
  .map((id) => document.getElementById('#' + id));

var id = [
    document.querySelector('.a'),
    document.querySelector('.b'),
    document.querySelector('.c'),
]

В должен передаваться массив в котором количество значений соответствует количеству заполнителей (в Вашем случае 2):

$sql = 'INSERT INTO users(nickname, email) VALUES(:nickname, :email)';
  $query = $pdo->prepare($sql);
  $query->execute([':nickname'=> $nickname, ':email' => $email]);