refactor(@schematics/angular): remove stylus from style options

BREAKING CHANGE:

`styl` (Stylus) is no longer a supported value as `style` in `application`, `component`, `ng-new` schematics. Stylus is not actively maintained and only 0.3% of the Angular CLI users use it.

(cherry picked from commit 0272fc5)

Author: alan-agius4

packages/schematics/angular/application/index.ts

@@ -139,8 +139,7 @@ function addAppToWorkspaceFile(options: ApplicationOptions, appDir: string): Rul
     ];
   }
 
-  const inlineStyleLanguage =
-    options.style && options.style !== Style.Css && options.style !== Style.Styl
+  const inlineStyleLanguage = options?.style !== Style.Css
       ? options.style
       : undefined;
 

packages/schematics/angular/application/index_spec.ts

@@ -444,21 +444,6 @@ describe('Application Schematic', () => {
       expect(testOpt.inlineStyleLanguage).toBeUndefined();
     });
 
-    it('does not set "inlineStyleLanguage" in angular.json when using Stylus styles', async () => {
-      const options = { ...defaultOptions, projectRoot: '', style: Style.Styl };
-      const tree = await schematicRunner
-        .runSchematicAsync('application', options, workspaceTree)
-        .toPromise();
-      const config = JSON.parse(tree.readContent('/angular.json'));
-      const prj = config.projects.foo;
-
-      const buildOpt = prj.architect.build.options;
-      expect(buildOpt.inlineStyleLanguage).toBeUndefined();
-
-      const testOpt = prj.architect.test.options;
-      expect(testOpt.inlineStyleLanguage).toBeUndefined();
-    });
-
     it('should set the relative tsconfig paths', async () => {
       const options = { ...defaultOptions, projectRoot: '' };
       const tree = await schematicRunner.runSchematicAsync('application', options, workspaceTree)

packages/schematics/angular/application/schema.json

@@ -60,8 +60,7 @@
         "css",
         "scss",
         "sass",
-        "less",
-        "styl"
+        "less"
       ],
       "x-prompt": {
         "message": "Which stylesheet format would you like to use?",
@@ -70,8 +69,7 @@
           { "value": "css",  "label": "CSS" },
           { "value": "scss", "label": "SCSS   [ https://sass-lang.com/documentation/syntax#scss                ]" },
           { "value": "sass", "label": "Sass   [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]" },
-          { "value": "less", "label": "Less   [ http://lesscss.org                                             ]" },
-          { "value": "styl", "label": "Stylus [ https://stylus-lang.com                                        ]" }
+          { "value": "less", "label": "Less   [ http://lesscss.org                                             ]" }
         ]
       },
       "x-user-analytics": 5

packages/schematics/angular/component/schema.json

@@ -84,8 +84,7 @@
         "css",
         "scss",
         "sass",
-        "less",
-        "styl"
+        "less"
       ],
       "x-user-analytics": 5
     },

packages/schematics/angular/ng-new/schema.json

@@ -107,7 +107,7 @@
     "style": {
       "description": "The file extension or preprocessor to use for style files.",
       "type": "string",
-      "enum": ["css", "scss", "sass", "less", "styl"],
+      "enum": ["css", "scss", "sass", "less"],
       "x-user-analytics": 5
     },
     "skipTests": {