Añadir un scss watcher a un tema o plugin de WordPress

En la raíz del proyecto (el tema o plugin) ejecutar

npm init -y
npm install sass --save-dev

Recuerda que si estás en un entorno online como en nicalia, tienes que decirle donde está el path de node:

export PATH=/opt/alt/alt-nodejs22/root/bin:$PATH

Crea un archivo package.json (se rellenará solo) y dentro cambiar el scripts

"scripts": {
    "build:css": "sass --watch assets/scss/main.scss:./style.css --style=expanded --no-source-map"
}

Esto lo que hace es que el assets/scss/main.scss lo compila en el style.css

Ejecutar el comando para el watcher:

npm run build:css

Importante, en el main.scss vincula un archivo que sea el style-header con el contenido del nombre del tema para que sea leído bien por WordPress:

/*
Theme Name: Sabina
Theme URI:
Author: Flavia Bernárdez Rodríguez
Author URI:
Description: Un tema para Sabina Alcaraz, una ilustradora e investigadora muy chachi
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sabina
Tags:
*/