remove unused

source/assets/sass/components/_buttons.scss

@@ -1,7 +1,5 @@
 @use 'sass:color';
 @use '../functions';
-@use '../visual-design/theme';
-@use '../config/color/brand';
 
 .sl-c-button {
   display: inline-flex;

source/index.md

@@ -45,59 +45,3 @@ eleventyComputed:
     <img height="160" alt="Glasses" src="/assets/img/illustrations/glasses.svg">
   </p>
 </div>
-
-<!-- @@@ TODO: remove these sample code examples -->
-
-```scss
-// styles.scss
-@use 'base';
-
-.inverse {
-  background-color: base.$primary-color;
-  color: white;
-}
-```
-
-```scss
-$font-stack: Helvetica, sans-serif;
-$primary-color: #333;
-
-body {
-  font: 100% $font-stack;
-  color: $primary-color;
-}
-
-.info {
-  @include theme;
-}
-```
-
-```css
-/* This CSS will print because %message-shared is extended. */
-.message,
-.success,
-.error,
-.warning {
-  border: 1px solid #ccc;
-  padding: 10px;
-  color: #333;
-}
-```
-
-```scss
-@use 'sass:math';
-
-.container {
-  display: flex;
-}
-
-article[role='main'] {
-  width: math.div(600px, 960px) * 100%;
-}
-```
-
-```scss
-@debug math.pow(10, 2); // 100
-@debug math.pow(100, math.div(1, 3)); // 4.6415888336
-@debug math.pow(5, -2); // 0.04
-```