docs: include Vuetify SASS variables overriding

[anonmos]

Description

Overriding SASS variables was difficult to figure out when using this module. Provide some sample documentation for getting it to work.

Linked Issues

N/A

Additional Context

Out of the box the documentation on the Vuetify site does not provide a way to get a working example up and running for overriding SASS variables that is compatible with the Vuetify Nuxt Module. Additionally there is no existing documentation on this module's page for getting it to work.

This extra md file provides step-by-step instructions for configuring SASS variable overrides that work with this Nuxt module.

---

Tip

The author of this PR can publish a preview release by commenting /publish below.

[userquin]

Move the entry using h2 (##) to https://nuxt.vuetifyjs.com/guide/sass-modern-compiler.html, add also a reference somewhere here https://nuxt.vuetifyjs.com/guide/server-side-rendering.html#vuetify-sass-variables to the new h2.

Myabe we can change the menu title here https://nuxt.vuetifyjs.com/guide/sass-modern-compiler.html to SASS Modern Compiler and SASS Variables

[userquin]

/cc @TechAkayy

[anonmos]

@userquin thanks for the speedy review! Happy to make more changes as you or @TechAkayy see fit.

[userquin]

Change VP config file entry here (set text to SASS Modern Compiler and SASS Variables): https://github.com/vuetifyjs/nuxt-module/blob/main/docs/.vitepress/config.ts#L194

[TechAkayy]

Just two more minor feedbacks. Otherwise, it reads really good. Anyone using our module will find this very valuable. Thanks bunch @anonmos 👍

By the way, renaming main.scss to global.scss is really a good idea, I will update my sample repos too. On the same line, wondering if renaming settings.scss to components.scss makes sense, thoughts @anonmos? @userquin?

[TechAkayy]

Thanks @anonmos. Let's wait for @userquin's final review & closure.

[userquin]

thx