Using Sass (Scss) instead of CSS

Sass (Syntactically Awesome Style Sheets)

Sass is a scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). It is the most mature, stable, and powerful professional grade CSS extension language in the world. Sass gives you the power of variables, mixins, functions, etc.

Compiling Sass

Next.js allows you to import Sass using both the .scss and .sass extensions. Finder uses .scss syntax. If you check _app.js file you'll find out thattheme.scss (not .css) is referenced from this root file. Sass will automatically compiled when you aapply any changes to any .scss fil inside Finder/scss folder.