Explain Sass Extensions in CSS Docs

[Timer]

Fixes #15737

[ijjk]

Stats from current PR

Default Server Mode (Decrease detected ✓)

General

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
buildDuration	12.5s	12.9s	⚠️ +451ms
nodeModulesSize	65.5 MB	65.5 MB	✓

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.277	2.382	⚠️ +0.1
/ avg req/sec	1097.8	1049.67	⚠️ -48.13
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.23	1.294	⚠️ +0.06
/error-in-render avg req/sec	2032.22	1931.82	⚠️ -100.4

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
677f882d2ed8..afbf.js gzip	10.2 kB	10.2 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
main-5932771..4350.js gzip	6.73 kB	6.73 kB	✓
webpack-ccf5..276a.js gzip	751 B	751 B	✓
Overall change	56.8 kB	56.8 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
677f882d2ed8..dule.js gzip	6.11 kB	6.11 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
main-02cf3f6..dule.js gzip	5.81 kB	5.81 kB	✓
webpack-10c7..dule.js gzip	751 B	751 B	✓
Overall change	51.8 kB	51.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
polyfills-4c..dbb6.js gzip	30.8 kB	30.8 kB	✓
Overall change	30.8 kB	30.8 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
_app-874bd8a..0103.js gzip	1.28 kB	1.28 kB	✓
_error-fa39c..ec40.js gzip	3.45 kB	3.45 kB	✓
hooks-585f07..95a3.js gzip	887 B	887 B	✓
index-c7b63f..fc02.js gzip	227 B	227 B	✓
link-e97733c..af21.js gzip	1.3 kB	1.3 kB	✓
routerDirect..ebc7.js gzip	284 B	284 B	✓
withRouter-2..db68.js gzip	284 B	284 B	✓
Overall change	7.72 kB	7.72 kB	✓

Client Pages Modern

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
_app-97e743e..dule.js gzip	626 B	626 B	✓
_error-b4004..dule.js gzip	2.3 kB	2.3 kB	✓
hooks-696209..dule.js gzip	387 B	387 B	✓
index-a4dd74..dule.js gzip	226 B	226 B	✓
link-fbb1d2e..dule.js gzip	1.25 kB	1.25 kB	✓
routerDirect..dule.js gzip	284 B	284 B	✓
withRouter-1..dule.js gzip	282 B	282 B	✓
Overall change	5.36 kB	5.36 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
_buildManifest.js gzip	272 B	272 B	✓
_buildManife..dule.js gzip	280 B	280 B	✓
Overall change	552 B	552 B	✓

Rendered Page Sizes

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
index.html gzip	944 B	944 B	✓
link.html gzip	953 B	953 B	✓
withRouter.html gzip	939 B	939 B	✓
Overall change	2.84 kB	2.84 kB	✓

---

Serverless Mode

General

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
buildDuration	14s	13.8s	-190ms
nodeModulesSize	65.5 MB	65.5 MB	✓

Client Bundles (main, webpack, commons)

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
677f882d2ed8..afbf.js gzip	10.2 kB	10.2 kB	✓
framework.HASH.js gzip	39.1 kB	39.1 kB	✓
main-5932771..4350.js gzip	6.73 kB	6.73 kB	✓
webpack-ccf5..276a.js gzip	751 B	751 B	✓
Overall change	56.8 kB	56.8 kB	✓

Client Bundles (main, webpack, commons) Modern

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
677f882d2ed8..dule.js gzip	6.11 kB	6.11 kB	✓
framework.HA..dule.js gzip	39.1 kB	39.1 kB	✓
main-02cf3f6..dule.js gzip	5.81 kB	5.81 kB	✓
webpack-10c7..dule.js gzip	751 B	751 B	✓
Overall change	51.8 kB	51.8 kB	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
polyfills-4c..dbb6.js gzip	30.8 kB	30.8 kB	✓
Overall change	30.8 kB	30.8 kB	✓

Client Pages

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
_app-874bd8a..0103.js gzip	1.28 kB	1.28 kB	✓
_error-fa39c..ec40.js gzip	3.45 kB	3.45 kB	✓
hooks-585f07..95a3.js gzip	887 B	887 B	✓
index-c7b63f..fc02.js gzip	227 B	227 B	✓
link-e97733c..af21.js gzip	1.3 kB	1.3 kB	✓
routerDirect..ebc7.js gzip	284 B	284 B	✓
withRouter-2..db68.js gzip	284 B	284 B	✓
Overall change	7.72 kB	7.72 kB	✓

Client Pages Modern

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
_app-97e743e..dule.js gzip	626 B	626 B	✓
_error-b4004..dule.js gzip	2.3 kB	2.3 kB	✓
hooks-696209..dule.js gzip	387 B	387 B	✓
index-a4dd74..dule.js gzip	226 B	226 B	✓
link-fbb1d2e..dule.js gzip	1.25 kB	1.25 kB	✓
routerDirect..dule.js gzip	284 B	284 B	✓
withRouter-1..dule.js gzip	282 B	282 B	✓
Overall change	5.36 kB	5.36 kB	✓

Client Build Manifests

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
_buildManifest.js gzip	272 B	272 B	✓
_buildManife..dule.js gzip	280 B	280 B	✓
Overall change	552 B	552 B	✓

Serverless bundles

	vercel/next.js canary	Timer/next.js docs/sass-explain-exts	Change
_error.js	1.02 MB	1.02 MB	✓
404.html	4.18 kB	4.18 kB	✓
hooks.html	3.82 kB	3.82 kB	✓
index.js	1.02 MB	1.02 MB	✓
link.js	1.06 MB	1.06 MB	✓
routerDirect.js	1.05 MB	1.05 MB	✓
withRouter.js	1.05 MB	1.05 MB	✓
Overall change	5.2 MB	5.2 MB	✓

Commit: e447784