fix(VBadge): enable unused variable (-top, -right)

[yuhigash]

Description

Enable unused sass variables.

Motivation and Context

I want to use the following sass variables.

$badge-top
$badge-right

How Has This Been Tested?

visually

Markup:

<template>
  <v-container>
    <v-badge>
      <template v-slot:badge>0</template>
      <v-icon>mail</v-icon>
    </v-badge>
  </v-container>
</template>

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any features but makes things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and breaking changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)
• I've added new examples to the kitchen (applies to new features and breaking changes in core library)

[jacekkarczmarczyk]

@yuhigash please add the playground example (see Markup section in other PRs for reference)

[yuhigash]

@jacekkarczmarczyk
Added the playground example.

test 1: no change (default)

remain the same

test 2: modify following sass(scss) variables

$badge-top: -($badge-height / 4);
$badge-right: -($badge-width / 4):

change as intented